/* =========================================================================
   Design tokens — Bússola Executiva (compartilhado)
   Importar ANTES de qualquer outro CSS ou <style> inline.
   Ver PRODUCT.md (register: brand, sóbrio executivo) e DESIGN.md (palette OKLCH).
   ========================================================================= */

:root {
  /* Neutros tintados warm (H ≈ 40, em direção ao laranja da marca) */
  --ink-100: oklch(0.10 0.008 40);   /* background base */
  --ink-200: oklch(0.14 0.008 40);   /* card padrão */
  --ink-300: oklch(0.18 0.010 40);   /* card elevado / ativo */
  --ink-400: oklch(0.26 0.012 40);   /* bordas neutras */
  --paper-700: oklch(0.62 0.012 40); /* texto secundário / mute */
  --paper-800: oklch(0.78 0.010 40); /* texto corpo */
  --paper-900: oklch(0.95 0.005 40); /* texto principal — não usar #fff */

  /* Acento StartSe — ≤10% da superfície (incidente, não pintura) */
  --orange-500: oklch(0.72 0.18 50);
  --orange-300: oklch(0.82 0.10 55);
  --orange-100: oklch(0.45 0.06 45); /* régua editorial */

  /* Border-radius */
  --r-sm: 6px;
  --r-md: 12px;
  --r-pill: 999px;

  /* Spacing 4px-based */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-8: 48px;
  --s-10: 64px;
  --s-12: 96px;

  /* Easing exponencial out */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --t-fast: 120ms;
  --t-med: 240ms;
  --t-slow: 480ms;

  /* Typography */
  --f-display: 'Newsreader', Georgia, 'Times New Roman', serif;
  --f-body: 'Inter', system-ui, -apple-system, sans-serif;
  --f-mono: 'JetBrains Mono', 'SF Mono', Menlo, monospace;
}