/* ==================================================================
   DIREÇÃO 2027 — INTEGRA · IntegrAção Mulher
   Conceito: "A primeira luz" — a página atravessa um amanhecer.

   As cores são as da marca, amostradas da página atual do produto
   (verde #26493B, creme #F6F3EC, dourado #B49B6F, sálvia #A8BBAA).
   O que foi acrescentado é só o escuro da madrugada e a luz do
   amanhecer, tirados da foto da capa.
   ================================================================== */

/* ---------------- fontes (servidas da própria pasta) -------------- */
@font-face {
  font-family: 'Newsreader';
  src: url('assets/fonts/newsreader-normal-lat.woff2') format('woff2');
  font-weight: 200 700; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
                 U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Newsreader';
  src: url('assets/fonts/newsreader-italic-lat.woff2') format('woff2');
  font-weight: 200 700; font-style: italic; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
                 U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Figtree';
  src: url('assets/fonts/figtree-normal-lat.woff2') format('woff2');
  font-weight: 300 800; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
                 U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* ---- a madrugada (abertura da página) ---- */
  --c-night:    #101D17;
  --c-deep:     #182E25;

  /* ---- o verde da marca ---- */
  --c-green:    #26493B;
  --c-green-2:  #2F5A48;
  --c-sage:     #A8BBAA;
  --c-sage-pale:#E5ECE5;

  /* ---- o papel ---- */
  --c-cream:    #F6F3EC;
  --c-cream-2:  #EFEAE0;
  --c-card:     #FCFBF7;

  /* ---- a tinta ---- */
  --c-ink:      #27332C;
  --c-ink-soft: #58645C;

  /* ---- o dourado e a luz ---- */
  --c-gold:     #B49B6F;   /* filete, ícone, sobre verde escuro       */
  --c-gold-text:#7A6539;   /* dourado que passa em contraste no creme */
  --c-gold-pale:#D9BE8C;   /* dourado sobre verde escuro              */
  --c-dawn:     #E7C8A3;   /* a luz do amanhecer, só em brilho        */

  /* ---- tipografia ---- */
  --f-display: 'Newsreader', Georgia, 'Times New Roman', serif;
  --f-text:    'Figtree', -apple-system, 'Segoe UI', system-ui, sans-serif;

  /* corpo nunca abaixo de 18px: o público é mulher de 50 a 70 anos */
  --t-xs:    0.9375rem;                                     /* 15px rótulo */
  --t-sm:    1rem;                                          /* 16px        */
  --t-base:  clamp(1.125rem, 1.06rem + 0.3vw, 1.25rem);     /* 18 → 20px   */
  --t-lead:  clamp(1.3125rem, 1.16rem + 0.68vw, 1.625rem);  /* 21 → 26px   */
  --t-h4:    clamp(1.1875rem, 1.1rem + 0.4vw, 1.375rem);
  --t-h3:    clamp(1.4375rem, 1.2rem + 0.8vw, 1.875rem);
  --t-h2:    clamp(2rem, 1.4rem + 2.6vw, 3.4rem);
  --t-h1:    clamp(2.1rem, 1.3rem + 2.95vw, 3.6rem);
  --t-num:   clamp(2.75rem, 1.6rem + 5vw, 5.5rem);
  --t-price: clamp(3.25rem, 2rem + 5.4vw, 5.75rem);

  --track-label: 0.2em;   /* rótulo em caixa alta */

  /* ---- espaço e medida ---- */
  --gutter:    clamp(1.25rem, 5vw, 3rem);
  --measure:   36rem;      /* linha de leitura confortável */
  --measure-s: 28rem;
  --wide:      75rem;
  --section-y: clamp(4.5rem, 9vw, 9rem);

  --r-sm: 6px;
  --r-md: 14px;
  --r-lg: 26px;
  --r-arc: 18rem 18rem 14px 14px;   /* o arco do nascer do sol */

  --tap: 56px;             /* alvo mínimo de toque */

  --line-gold:  1px solid color-mix(in oklab, var(--c-gold) 45%, transparent);
  --line-soft:  1px solid color-mix(in oklab, var(--c-ink) 14%, transparent);
  --line-light: 1px solid color-mix(in oklab, #fff 20%, transparent);

  --sh-soft: 0 1px 2px rgb(16 29 23 / .05), 0 16px 36px -24px rgb(16 29 23 / .32);
  --sh-lift: 0 2px 5px rgb(16 29 23 / .07), 0 38px 70px -34px rgb(16 29 23 / .45);

  --ease-calm: cubic-bezier(.22, .61, .36, 1);
  --ease-soft: cubic-bezier(.4, 0, .2, 1);
}