/* ==========================================================================
   TOKENS — sistema L·A·T·E·R + variáveis de interface
   Fonte única de verdade. Nenhum valor de cor deve ser escrito à mão
   fora deste arquivo.
   ========================================================================== */

:root{
  /* ---- Paleta de marca (L·A·T·E·R) ---- */
  --later-lastro: #080808;  /* L — âncora, base, estrutura */
  --later-atrito: #FFE148;  /* A — acento, uma vez por peça */
  --later-tenue:  #CFCEC4;  /* T — suporte discreto (premium) */
  --later-eter:   #E7E7E7;  /* É — respiro, fundo claro */
  --later-rastro: #776E41;  /* R — tempo, autoridade (premium) */


  /* ---- Rampas das cores de marca ----
     Tons claros misturam com Éter, escuros com Lastro. Nada sai do sistema. */
  --atrito-100: #ECE6C7;
  --atrito-200: #F1E5A7;
  --atrito-300: #F5E388;
  --atrito-400: #FAE268;
  --atrito-500: #FFE148;
  --atrito-600: #CEB63B;
  --atrito-700: #9C8A2E;
  --atrito-800: #6B5F22;
  --atrito-900: #393315;

  --rastro-100: #D1CFC6;
  --rastro-200: #BAB7A5;
  --rastro-300: #A49E83;
  --rastro-400: #8D8662;
  --rastro-500: #776E41;
  --rastro-600: #615A36;
  --rastro-700: #4B452A;
  --rastro-800: #34311F;
  --rastro-900: #1E1C13;

  --tenue-100: #E2E2E0;
  --tenue-200: #DDDDD9;
  --tenue-300: #D9D8D2;
  --tenue-400: #D4D3CB;
  --tenue-500: #CFCEC4;
  --tenue-600: #A7A69E;
  --tenue-700: #7F7F79;
  --tenue-800: #585753;
  --tenue-900: #30302E;

  /* ---- Neutras ---- */
  --neutro-000: #080808;
  --neutro-900: #121211;
  --neutro-800: #191918;
  --neutro-700: #232321;
  --neutro-600: #302F2C;
  --neutro-500: #44423E;
  --neutro-400: #66645E;
  --neutro-350: #848178;
  --neutro-300: #9E9B94;
  --neutro-200: #CAC7C0;
  --neutro-100: #E3E0D9;
  --neutro-050: #F2EFE9;

  /* ---- Apoio (interface e dataviz, nunca cor de peça de marca) ---- */
  --safra: #7E9A4F;
  --safra-claro: #4C5D31;
  --brasa: #E0A22E;
  --brasa-claro: #85611E;
  --rombo: #D8483F;
  --rombo-claro: #812D28;
  --bruma: #8C9AA6;
  --bruma-claro: #555D64;

  /* ---- Interface (derivados da paleta, uso interno do documento) ---- */
  --bg:         #080808;
  --bg-alt:     #0A0A0A;
  --bg-card:    #111111;
  --line:       #262626;
  --line-forte: #3a3a3a;   /* régua de virada de seção */
  --text:       #F2EFE9;
  --text-muted: #9A9A9A;
  /* #5C5C5C dava 3.00:1 sobre o Lastro e reprovava em WCAG AA. Este tom
     passa com folga sobre o fundo da página (4.87:1) e sobre o fundo de
     card (4.53:1), que são os dois lugares onde ele aparece. */
  --text-dim:   #7D7D7D;
  --gold:       var(--later-atrito);
  --gold-dim:   var(--later-rastro);

  /* ---- Tipografia da MARCA ----
     As duas famílias oficiais. Usadas no espécime da seção 04, onde a
     amostra precisa ser verdadeira. */
  --font-brand-display: 'General Sans', sans-serif;      /* títulos */
  --font-brand-texto:   'Instrument Sans', sans-serif;   /* corpo e parágrafo */
  --font-brand-label:   'Geist Mono', ui-monospace, monospace; /* rótulos e olhos */

  /* ---- Tipografia do DOCUMENTO ----
     A interface deste manual ainda renderiza em General Sans + Inter.
     Trocar por var(--font-brand-*) propaga para o documento inteiro.
     Ver "Pendências" no README. */
  --font-display: 'General Sans', sans-serif;
  --font-ui:      'Inter', sans-serif;

  /* ---- Layout ---- */
  /* 880px enchia menos da metade da tela em monitor grande e deixava uma
     faixa morta à direita muito maior que o recuo da esquerda. O texto
     corrido segue limitado a 640px pelo próprio <p>, então alargar aqui
     só afeta grades e painéis. */
  --maxw: 1100px;
  --shell-maxw: 1280px;
  /* Cinza do título da capa: sobre o degradê da capa o --text-dim some,
     porque ali o fundo não é o preto do documento. */
  --text-dim-capa: #8F8D86;
  --toc-w: 250px;

  /* ---- Espaçamento ---- */
  --space-section: 265px;
  --space-block: 32px;

  /* ---- Breakpoints (referência; media queries usam o valor literal) ----
     --bp-lap: 900px  → colapsa sidebar
     --bp-mob: 700px  → colapsa grids de 2/3 colunas */
}