/* public/tokens.css — espelho de lib/ui/brand_styles.dart (spec §7). Fonte única de cor/tipo. */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Barlow:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root {
  --bg: #080C14; --surface: #0E1520; --surface2: #141C2A;
  --border: #1E2A3D; --border2: #263347;
  --accent: #C82028; --accent-dark: #8E1218;
  --text: #E8EDF5; --muted: #6B7A94; --dim: #3A4557;
  --ok: #22C55E; --warn: #F5A623; --yellow: #FFE000;
  --font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  --font-body: 'Barlow', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', Consolas, monospace;
}
body { background: var(--bg); color: var(--text); font-family: var(--font-body); margin: 0; }
h1, h2, h3, .display { font-family: var(--font-display); letter-spacing: -0.01em; }
.label { font-family: var(--font-display); font-weight: 600; font-size: 11px;
         letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); }
.mono, td.num, .num { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }
/* densidade cockpit (spec §5.1): linhas, não caixas */
.cockpit section { border-top: 1px solid var(--border); padding: 10px 0; }
.cockpit .divide > * + * { border-top: 1px solid var(--border); }
/* formulários (spec §7): label acima, erro abaixo */
form label { display: block; margin-bottom: 4px; }
form .erro { color: var(--accent); font-size: 12px; margin-top: 4px; }