/* ============================================================================
   Design tokens — "Livro-caixa"
   Direção: a identidade real da Zion Contábil é um monograma ZC em ouro sobre
   uma capa bordô, apresentado como um livro encadernado (fachada, lombada,
   friso dourado nas bordas). O site traduz isso: papel cor de marfim (a
   página do livro), tinta grafite, bordô como cor de marca — escura o
   bastante para servir de texto, não só de bloco — e o dourado reservado
   para friso, borda e destaque, nunca em área grande.
   Cores extraídas por amostragem de pixel da foto real da recepção (parede
   bordô, placa da marca, poltronas) e dos renders 3D do logo — não é palpite.
   Toda cor, medida, tipografia e curva de animação do site nasce aqui.
   ========================================================================== */

:root {
  /* --- cor: papel (a página) --------------------------------------------- */
  --papel: #fffdf0;        /* fundo principal — creme liso, sem textura */
  --papel-2: #f1e7d6;      /* cards e superfícies */
  --papel-3: #eae0cc;      /* rodapé, faixas alternadas */

  /* --- cor: tinta ---------------------------------------------------------- */
  /* Contrastes medidos sobre --papel (#FBF7EF):                              */
  --tinta: #2a2724;        /* títulos e corpo        13.9:1  AAA */
  --tinta-2: #56504a;      /* corpo secundário        7.4:1  AAA */
  --tinta-3: #635a50;      /* legendas, metadados — 5.16:1 no rodapé (--papel-3), o fundo mais escuro em que aparece */

  /* --- cor: bordô (cor de marca) ------------------------------------------- */
  /* Ao contrário do dourado, o bordô é escuro o bastante pra também ser
     texto e fundo de botão — não só decoração. */
  --bordo: #6e2b24;         /* marca, títulos de ênfase, fundo de botão   9.7:1 */
  --bordo-forte: #5a2019;   /* hover de botão, títulos grandes            11.9:1 */
  --vinho: #3c0c0b;         /* seções escuras (rodapé, contato) — a parede da recepção */

  /* --- cor: dourado (o friso, nunca o bloco) ------------------------------- */
  /* #B28F65 dá 2.8:1 sobre o papel: serve de friso, ícone grande e borda
     (mínimo 3:1), mas reprova AA como texto (mínimo 4.5:1) — por isso vive em
     variáveis com papéis distintos, igual o bordô resolve com o branco. */
  --dourado: #b28f65;         /* friso, ícone, borda                 2.8:1 (não usar como texto) */
  /* #8C6A38 dava 4.64:1 só sobre --papel; sobre --papel-2 e --ph-bg (mais
     escuros) caía pra 3.8-4.2:1 e reprovava AA. Escurecido até bater o piso
     de 4.5:1 na superfície mais escura em que o texto realmente aparece. */
  --dourado-txt: #775a2f;     /* links e texto em dourado, qualquer superfície do site  ≥4.9:1  AA */
  --dourado-hi: #d8b87e;      /* destaque dourado sobre fundo escuro   8.9:1  AAA */
  --dourado-wash: rgb(178 143 101 / 0.1);
  --dourado-line: rgb(178 143 101 / 0.4);
  /* Fundo do placeholder: opaco de propósito. Translúcido, ele mudava sobre
     fundos diferentes e derrubava o contraste do texto pendente. */
  --ph-bg: #f5ead8;

  /* --- cor: derivadas ------------------------------------------------------ */
  --linha: rgb(42 39 36 / 0.1);
  --linha-forte: rgb(42 39 36 / 0.18);
  --vidro: rgb(255 253 240 / 0.82);
  --sombra-sm: 0 1px 2px rgb(42 39 36 / 0.06);
  --sombra-md: 0 14px 34px -22px rgb(42 39 36 / 0.32);
  --sombra-lg: 0 40px 80px -46px rgb(42 39 36 / 0.44);
  --foco: #1a5fb4;         /* anel de foco — deliberadamente fora da paleta de marca, pra nunca se confundir com estado normal */

  /* --- tipografia ----------------------------------------------------------
     Display: Bodoni Moda — a própria identidade da Zion usa um monograma de
     contraste alto e serifas em taça (família Didone); "Bodoni" está indicado
     no material de marca. Corpo: Instrument Sans, mantido do sistema anterior
     — neutro, legível, sem disputar personalidade com o display. Números:
     IBM Plex Mono, mantido — em contabilidade, algarismo desalinhado denuncia
     amadorismo; tabular é inegociável, independe de identidade visual. */
  --font-display: 'Bodoni Moda', 'Didot', 'Bodoni MT', Georgia, 'Times New Roman', serif;
  --font-body: 'Instrument Sans', ui-sans-serif, 'Segoe UI', Helvetica, Arial, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;

  --fs-micro: 0.6875rem;                                    /* 11px — índice */
  --fs-label: 0.75rem;                                      /* 12px — eyebrow */
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-lead: clamp(1.0625rem, 0.99rem + 0.32vw, 1.1875rem);
  --fs-h3: clamp(1.1875rem, 1.1rem + 0.36vw, 1.4375rem);
  --fs-h2: clamp(1.875rem, 1.32rem + 2.3vw, 3.125rem);
  --fs-h1: clamp(2.375rem, 1.5rem + 3.4vw, 4rem);
  --fs-num: clamp(2.75rem, 1.8rem + 3.9vw, 4.25rem);        /* contadores */

  --lh-tight: 1.02;
  --lh-snug: 1.12;
  --lh-normal: 1.55;
  --tracking-label: 0.16em;
  --tracking-tight: -0.02em;
  --tracking-tighter: -0.032em;

  /* --- espaçamento ------------------------------------------------------ */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4rem;
  --sp-9: 6rem;
  --sp-section: clamp(4.5rem, 3rem + 7vw, 9rem);
  --gutter: clamp(1.25rem, 0.7rem + 2.4vw, 2.5rem);
  --container: 76rem;
  --measure: 60ch;

  /* --- forma --------------------------------------------------------------
     Raio contido de propósito: o objeto de marca é uma placa de cantos retos
     com friso dourado, não um adesivo arredondado. */
  --r-sm: 3px;
  --r-md: 6px;
  --r-lg: 12px;
  --r-pill: 999px;

  /* --- movimento -------------------------------------------------------- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 170ms;
  --dur: 300ms;
  --dur-slow: 620ms;
  --dur-reveal: 760ms;

  /* --- layout ----------------------------------------------------------- */
  --nav-h: 76px;

  color-scheme: light;
}

@media (max-width: 640px) {
  :root {
    --nav-h: 62px;
  }
}