/* ORDENO — tokens.css · fonte única da verdade
   Paleta e tipografia do MANUAL DA MARCA (areia + grafite + âmbar; Geist/Inter/Geist Mono). */
:root{
  /* neutros — 90% da página (base areia, nunca branco puro) */
  --bg:        #FBF9F6;   /* areia: fundo da página */
  --bg-alt:    #F3EFE8;   /* areia escura: seções alternadas */
  --surface:   #FFFFFF;   /* só cards elevados */
  --ink:       #17191E;   /* grafite: texto principal */
  --ink-2:     #565D66;   /* grafite médio */
  --ink-3:     #5F666E;   /* grafite claro: labels */
  --line:      #E7E1D8;   /* bordas */
  --line-strong:#CFC7BB;  /* borda de botão secundário e campo */

  /* seções escuras */
  --dark:      #17191E;
  --dark-2:    #22262D;
  --dark-ink:  #ECE8E2;
  --dark-ink-2:#A2A8B0;

  /* marca — âmbar operacional (3% da página) */
  --brand:       #E07B27;  /* botão primário, ponto do logo */
  --brand-hover: #C96A1C;
  --brand-text:  #A85713;  /* link sublinhado, número em destaque */
  --brand-soft:  rgba(224,123,39,.10);

  /* um acento por caixa de módulo — sinalizam, nunca viram botão */
  --acc-gestao:     #14675A;
  --acc-operacao:   #A85713;
  --acc-documentos: #3B4BA8;
  --acc-gestao-soft:     rgba(20,103,90,.10);
  --acc-operacao-soft:   rgba(168,87,19,.10);
  --acc-documentos-soft: rgba(59,75,168,.10);

  /* estados — texto na cor cheia, fundo a 10% */
  --ok:   #16785F;
  --warn: #96600A;
  --err:  #BE3A2E;
  --ok-soft:   rgba(22,120,95,.10);
  --warn-soft: rgba(150,96,10,.10);
  --err-soft:  rgba(190,58,46,.10);

  /* tipografia — Geist (títulos), Inter (corpo), Geist Mono (identificadores) */
  --font-title:'Geist',Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --font:'Inter Variable',Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --font-mono:'Geist Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --fs-h1: clamp(34px, 5.2vw, 58px);
  --fs-h2: clamp(23px, 3vw, 34px);
  --fs-h3: 20px;
  --fs-body: 16px;
  --fs-btn: 14.5px;
  --fs-small: 13.5px;
  --fs-tag: 11.5px;
  --fs-micro: 11px;
  --fs-label: 10.5px;
  --lh-tight: 1.08;
  --lh-body: 1.55;
  --track-h1: -0.032em;
  --track-h2: -0.026em;
  --track-h3: -0.012em;
  --track-label: 0.13em;
  --w-body: 400;
  --w-mid: 560;
  --w-title: 620;

  /* espaçamento — escala de 4 */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px;
  --s6:32px; --s7:48px; --s8:64px; --s9:96px;

  /* raio — botão 10, card 14, campo 8, tag total */
  --r-sm:8px; --r-btn:10px; --r:12px; --r-lg:14px; --r-full:999px;

  /* botões — alturas fixas */
  --btn-h-sm:36px; --btn-h:44px; --btn-h-lg:52px;

  /* sombra única permitida */
  --shadow: 0 1px 2px rgba(20,23,26,.06), 0 8px 24px rgba(20,23,26,.05);

  /* grid */
  --maxw:1180px; --gutter:24px; --cols:12; --gap:32px;
}