/* ============================================================
   TEMA: "Receituário Verde"  (gerado via skill theme-factory)
   Direção definida no frontend-design a partir de inspiracoes/

   Ideia: o material do nicho é o bloco de receituário do
   consultório — papel levemente amarelado, grade pontilhada,
   tinta verde-escura — com um único acento cítrico ácido que
   só aparece onde precisa converter (marca-texto e CTA final).
   Deliberadamente FORA do combo cream + serifada + terracota.

   Contraste verificado (WCAG AA):
     erva-900 sobre papel .......... 15.6:1
     tinta-suave sobre papel ........ 5.1:1
     papel sobre erva-900 ........... 15.6:1
     cítrico sobre erva-900 ........ 11.2:1
   O cítrico NUNCA é usado como texto sobre papel (1.2:1) —
   só como fundo de marca-texto/botão, com tinta erva-900 em cima.
   ============================================================ */

:root {
  /* --- cor ------------------------------------------------ */
  --papel:        #f7f3ea;  /* fundo base, papel de receituário */
  --papel-2:      #efe8d9;  /* superfícies elevadas (cards)     */
  --papel-3:      #e3dac6;  /* hairlines e divisórias           */
  --branco:       #fffdf8;  /* cards que precisam saltar        */

  --erva-900:     #12291c;  /* tinta principal / blocos escuros */
  --erva-700:     #1e4a31;  /* superfícies escuras secundárias  */
  --erva-500:     #2f6b4a;  /* ícones, links, detalhes          */
  --erva-100:     #d8e3d5;  /* fundos suaves de apoio           */

  --citrico:      #cbe85c;  /* acento — só fundo, nunca texto   */
  --citrico-fosco:#b5d247;  /* hover do acento                  */

  --tinta-suave:  #5a6b5e;  /* texto secundário                 */

  /* papéis semânticos */
  --color-bg:               var(--papel);
  --color-text:             var(--erva-900);
  --color-text-muted:       var(--tinta-suave);
  --color-primary:          var(--erva-900);
  --color-primary-contrast: var(--papel);
  --color-accent:           var(--citrico);
  --color-border:           var(--papel-3);

  /* --- tipografia ----------------------------------------- */
  /* Fraunces: serifada de baixo contraste com eixos SOFT/WONK —
     o "wonk" dá a perna torta do g/y que tira o ar de template.
     Instrument Sans: grotesca neutra para corpo e dados.
     Ambas self-hosted em assets/fonts (nenhum CDN em runtime). */
  --font-display: "Fraunces", "Iowan Old Style", Georgia, serif;
  --font-body:    "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fs-display:  clamp(2.5rem, 1.45rem + 4.7vw, 5.25rem);
  --fs-h2:       clamp(2rem, 1.35rem + 2.9vw, 3.25rem);
  --fs-h3:       clamp(1.2rem, 1.08rem + 0.5vw, 1.45rem);
  --fs-lead:     clamp(1.05rem, 1rem + 0.35vw, 1.25rem);
  --fs-body:     1.0625rem;
  --fs-small:    0.9375rem;
  --fs-label:    0.75rem;

  --lh-display:  0.98;
  --lh-heading:  1.08;
  --lh-body:     1.62;

  --ls-label:    0.14em;
  --ls-display:  -0.025em;

  /* --- espaço --------------------------------------------- */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-6: 3rem;
  --space-8: 4rem;
  --space-section: clamp(4rem, 9vw, 7.5rem);

  /* --- forma ---------------------------------------------- */
  --radius:     0.75rem;
  --radius-md:  1.25rem;
  --radius-lg:  2rem;
  --radius-pill: 999px;
  --radius-folha: 12.5rem 12.5rem 12.5rem 1.5rem; /* moldura-folha do hero */

  --hairline: 1px solid var(--color-border);
  --sombra-card: 0 1px 2px rgba(18, 41, 28, 0.04),
                 0 12px 28px -18px rgba(18, 41, 28, 0.28);
  --sombra-alta: 0 24px 48px -28px rgba(18, 41, 28, 0.45);

  --max-width: 1160px;
  --max-prosa: 54ch;

  --transicao: 180ms cubic-bezier(0.32, 0.72, 0.3, 1);
}