/* ═══════════════════════════════════════════════════════════════════════
   TOKENS — LP Advocacia no Agronegócio (Bárbara Bindeli)

   Identidade derivada de barbara-bindeli-design-system.md e da direção
   aprovada em DIRECAO.md. Contraste validado em WCAG AA: todos os pares
   de texto passam 4.5:1 sobre seus fundos reais.

   Seções consomem var(--*), nunca valores crus.
   ═══════════════════════════════════════════════════════════════════════ */

:root{
  /* ── Base: verde escuro dominante ────────────────────────────────────
     O verde ancora no agro sem abrir mão do registro premium. A base de
     referência recomenda preto neutro + dourado para luxury; trocar o
     preto pelo verde mantém o padrão e ganha significado. */
  --bg-0:#162212;          /* base da página */
  --bg-1:#2b3320;          /* seção alternativa, gradientes */
  --bg-2:#273623;          /* painel, footer, faixas */
  --bg-paper:#f7f2eb;      /* papel: base das seções claras */
  --bg-paper-2:#efe7db;    /* papel alternativo, cards sobre o claro */

  /* ── Tinta sobre o claro ─────────────────────────────────────────────
     Ratios sobre --bg-paper: ink-dark 11.51 · ink-dark-1 7.9 · ink-dark-2 5.1 */
  --ink-on-paper:#1d2a19;
  --ink-on-paper-1:rgba(29,42,25,.82);
  --ink-on-paper-2:rgba(29,42,25,.66);
  --rule-on-paper:rgba(29,42,25,.14);
  /* dourado da marca escurecido para o fundo claro: o #c4af96 original dá
     apenas 1.90 sobre papel e reprova AA de forma grave. Este dá 4.80. */
  --accent-on-paper:#83663c;

  /* ── Tinta ───────────────────────────────────────────────────────────
     Ratios sobre --bg-0: .85=12.20  .70=8.68  .55=5.88 */
  --ink-0:rgba(255,255,255,.85);   /* headings */
  --ink-1:rgba(255,255,255,.70);   /* corpo */
  --ink-2:rgba(255,255,255,.55);   /* secundário */
  --ink-dark:#273623;              /* texto sobre fundo claro: 11.51 no papel */

  /* ── Acento ──────────────────────────────────────────────────────────
     O dourado destaca palavras em heading (ratio 7.80). O gradiente do CTA
     é EXCLUSIVO do botão primário: nenhum outro elemento o usa (Von Restorff). */
  --accent:#c4af96;        /* dourado de destaque */
  --accent-warm:#dac38c;   /* badge */
  --accent-ink:#273623;    /* texto sobre o dourado: 7.63 / 4.90 nas pontas */
  --cta-from:#c1996a;
  --cta-mid:#d7bd8b;
  --cta-to:#dcc68d;
  --grad-cta:linear-gradient(225deg,var(--cta-from) 0%,var(--cta-mid) 49.04%,var(--cta-to) 100%);
  --grad-cta-hover:linear-gradient(180deg,var(--cta-to) 0%,var(--cta-mid) 100%);

  /* ── Apoio ───────────────────────────────────────────────────────────
     --muted clareado de #80886e para #858e73: o original dava 4.45 e
     reprovava AA em label de 14px. Agora 4.81, mesmo matiz. */
  --muted:#858e73;         /* labels uppercase */
  --sage:#829a62;          /* gradiente de respiro */

  /* ── Linhas e véus ───────────────────────────────────────────────────── */
  --rule:rgba(255,255,255,.12);
  --rule-2:rgba(255,255,255,.24);
  --veil:rgba(128,136,110,.15);   /* fundo de ícone */

  /* ── Estado ──────────────────────────────────────────────────────────── */
  --ok:#8fbf6a;
  --err:#e84131;
  --focus:#dac38c;         /* anel de foco: contrasta com o verde */

  /* ── Tipografia ──────────────────────────────────────────────────────
     Playfair Display + Inter. A base de referência cataloga esse par como
     "Classic Elegant", indicado para editorial e premium. */
  --font-display:"Playfair Display", Georgia, serif;
  --font-body:"Inter", system-ui, -apple-system, sans-serif;

  --fs-body:clamp(1rem, .95rem + .25vw, 1.125rem);
  --lh-body:1.65;

  --fs-h1:clamp(2.5rem, 1.6rem + 3.8vw, 4rem);
  --fs-h2:clamp(2rem, 1.4rem + 2.6vw, 3rem);
  --fs-h3:clamp(1.25rem, 1.1rem + .7vw, 1.5rem);
  --fs-label:.875rem;
  --ls-label:.175em;
  --fs-price:clamp(3.2rem, 2.4rem + 3vw, 4.4rem);

  /* ── Ritmo ───────────────────────────────────────────────────────────
     A página tem 12 seções (decisão do cliente). O ritmo é controlado por
     densidade alternada: --gy-lg em blocos de respiro, --gy em blocos
     densos. Nunca duas seções seguidas com a mesma densidade. */
  --gx:clamp(1.25rem, 4vw, 3.5rem);
  --gy:clamp(4.5rem, 9vh, 8rem);
  --gy-lg:clamp(6rem, 14vh, 12.8rem);
  --maxw:78rem;            /* container geral */

  /* ── Larguras de texto: três níveis, usados em toda a página ──────────
     Antes havia 34/38/44/48/58rem espalhados sem sistema. A fonte de corpo
     desses blocos sobe junto com a largura: quanto maior o corpo, mais
     caracteres a linha comporta sem perder o retorno de leitura. */
  --tw-col:41rem;          /* coluna de texto em layout de duas colunas */
  --tw-block:50rem;        /* bloco de conteúdo dentro de seção larga */
  --tw-center:56rem;       /* bloco centrado de respiro */

  /* Altura da barra fixa de decisão. Vive aqui porque dois lugares precisam
     dela: a própria barra e a reserva de espaço no rodapé. Enquanto o valor
     estava duplicado à mão, a reserva ficou menor que a barra e o rodapé era
     coberto no iPhone. */
  --cta-bar-h:5rem;

  --radius:1rem;
  --radius-lg:1.5rem;
  --radius-pill:10rem;

  --ease:cubic-bezier(.16,1,.3,1);
  --dur:.9s;
  --z-nav:50; --z-chrome:80; --z-overlay:100;
}