/* ==========================================================================
   Amanda Damasco Arquitetura — Design Tokens
   Única fonte de verdade para cor, tipografia, espaço, forma e movimento.
   Todo valor visual do site deve vir daqui.
   ========================================================================== */

:root {
  color-scheme: light;

  /* ---- Cor -------------------------------------------------------------
     Marca (do PDF): verde #3E523B, terracota #C87959, preto #111610,
     cinza #D9D9D9, coral #EC5D40, pêssego #FDDED2.
     Fundo em linho quente para afastar o "branco de template". */
  --c-bg:           #F6F2EC;              /* linho: fundo principal        */
  --c-bg-2:         #EEE8DF;              /* areia: seções alternadas      */
  --c-surface:      #FFFFFF;
  --c-ink:          #111610;              /* texto principal               */
  --c-ink-2:        #4B514A;              /* texto secundário              */
  --c-ink-3:        #8B908A;              /* legendas, metadados           */
  --c-green:        #3E523B;              /* verde da marca: cor principal */
  --c-green-deep:   #2B3A29;
  --c-terracotta:   #C87959;              /* acento: linhas, itálicos      */
  --c-terracotta-2: #A95F42;
  --c-peach:        #FDDED2;              /* superfícies suaves            */
  --c-coral:        #EC5D40;              /* micro-detalhes, raríssimo     */
  --c-gray:         #D9D9D9;
  --c-line:         rgba(17, 22, 16, .12);
  --c-line-2:       rgba(17, 22, 16, .30);
  --c-overlay:      rgba(17, 22, 16, .55);
  --c-on-dark:      #F6F2EC;
  --c-on-dark-2:    rgba(246, 242, 236, .62);
  --c-line-on-dark: rgba(246, 242, 236, .14);

  /* ---- Tipografia --------------------------------------------------------
     Display: Cormorant Garamond (serifa, elegante, itálico com personalidade)
     Texto:   Sora (sans geométrica, limpa, leve) */
  --f-display: "Cormorant Garamond", "Times New Roman", Georgia, serif;
  --f-text:    "Sora", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fs-hero:    clamp(3.25rem, 7.4vw, 6.9rem);
  --fs-h1:      clamp(2.75rem, 5.4vw, 4.75rem);
  --fs-h2:      clamp(2.25rem, 4.2vw, 3.75rem);
  --fs-h3:      clamp(1.5rem, 2.2vw, 2rem);
  --fs-h4:      clamp(1.25rem, 1.6vw, 1.5rem);
  --fs-lead:    clamp(1.0625rem, 1.3vw, 1.2rem);
  --fs-body:    0.9375rem;
  --fs-small:   0.8125rem;
  --fs-eyebrow: 0.6875rem;

  --lh-tight: 1;
  --lh-snug:  1.12;
  --lh-text:  1.7;
  --ls-eyebrow: .18em;
  --ls-caps:    .08em;

  /* ---- Espaço ---------------------------------------------------------- */
  --sp-1: .25rem;  --sp-2: .5rem;   --sp-3: .75rem;  --sp-4: 1rem;
  --sp-5: 1.25rem; --sp-6: 1.5rem;  --sp-8: 2rem;    --sp-10: 2.5rem;
  --sp-12: 3rem;   --sp-16: 4rem;   --sp-20: 5rem;   --sp-24: 6rem;
  --section-y: clamp(5rem, 11vw, 10rem);
  --gutter:    clamp(1.25rem, 4.5vw, 4rem);
  --container: 1440px;
  --grid-gap:  clamp(1rem, 2.4vw, 2.25rem);
  --header-h:  5.25rem;
  --header-h-min: 4.25rem;  /* altura do header depois de rolar; base para elementos sticky */

  /* ---- Forma ------------------------------------------------------------
     Minimalismo: cantos retos nas imagens, pílula só em botões e chips. */
  --r-sm:   2px;
  --r-pill: 999px;

  /* ---- Movimento --------------------------------------------------------
     Um vocabulário só: saída expo para entradas, in-out para loops. */
  --ease-out:   cubic-bezier(.22, 1, .36, 1);
  --ease-expo:  cubic-bezier(.16, 1, .3, 1);
  --ease-inout: cubic-bezier(.65, 0, .35, 1);
  --dur-1: 220ms;   /* micro: hover, cor            */
  --dur-2: 520ms;   /* curto: sublinhados, overlays */
  --dur-3: 900ms;   /* médio: reveals               */
  --dur-4: 1500ms;  /* longo: hero, imagens         */

  --z-header: 50;
  --z-menu:   40;
}