/* tokens.css — fonte de verdade visual v2 · identidade "instrumento de precisão"
 * Referência de identidade: thewatch.60fps.fr (teardown/ — técnica reproduzida,
 * nada de assets deles). Monocromático platina/preto + champanhe; ver DESIGN.md. */
:root {
  /* superfícies */
  --paper: #EDEDED;          /* platina clara (atos claros) */
  --paper-2: #E4E4E7;
  --card: #F4F4F5;
  --dark: #0A0A0B;           /* atos escuros */
  --dark-2: #131315;
  --dark-card: #161619;

  /* tinta */
  --ink: #0B0B0C;
  --ink-soft: #3C3C40;
  --ink-muted: #77777C;
  --ink-faint: #A9A9AE;
  --paper-ink: #EDEDEE;      /* texto sobre atos escuros */
  --paper-ink-soft: #B9B9BE;

  /* metal / acento */
  --gold: #96782B;           /* champanhe legível sobre platina */
  --gold-bright: #D4AF37;    /* champanhe sobre preto */
  --steel: #8A8A90;

  /* filetes */
  --hairline: #CFCFD3;
  --hairline-strong: #B4B4BA;
  --hairline-dark: #26262A;

  /* gráficos — paleta categórica validada (surface #EDEDED, ALL PASS) */
  --s1: #1E7A50; /* verde  — investidor / margem */
  --s2: #A8791A; /* brass  — Ricardo / juros */
  --s3: #3F6BB6; /* azul   — Fred / financiamento */
  --s4: #C24E2E; /* terracota — obra / custos */
  --s5: #8A4A8F; /* ameixa — lote / extra */
  --chart-surface: #EDEDED;
  --grid-line: #DBDBDF;

  /* status (reservados) */
  --good: #1E7A50;
  --warn-st: #A8791A;
  --bad: #B3362B;

  /* tipografia */
  --font-display: "Archivo", "Archivo Expanded", Impact, sans-serif;
  --font-body: "EB Garamond", Georgia, serif;
  --font-data: "IBM Plex Mono", ui-monospace, monospace;

  /* escala */
  --step--1: 0.8125rem;
  --step-0: 1.0625rem;
  --step-1: 1.3rem;
  --step-2: 1.7rem;
  --step-3: 2.4rem;
  --step-4: clamp(2.6rem, 5.5vw, 4.2rem);
  --step-hero: clamp(3.4rem, 11.5vw, 10rem);
  --step-ghost: clamp(6rem, 18vw, 16rem);

  /* espaço */
  --sp-1: 0.5rem;
  --sp-2: 1rem;
  --sp-3: 1.75rem;
  --sp-4: 3rem;
  --sp-5: 5.5rem;
  --sp-6: 9rem;

  --radius: 4px;
  --radius-lg: 10px;
  --measure: 60ch;
  --container: 1240px;
}