/* Design tokens — the ONE file to edit for theming (handoff §8). */
:root {
  --bg: #f7f8fa;
  --surface: #ffffff;
  --surface-2: #eef0f4;
  --border: #d9dde3;
  --text: #1a1d21;
  --text-muted: #5c6470;
  --accent: #2b6cb0;
  --accent-contrast: #ffffff;
  --success: #2f855a;
  --warning: #b7791f;
  --danger: #c53030;

  --radius: 8px;
  --radius-sm: 5px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;

  --font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --fs-sm: 13px;
  --fs-base: 15px;
  --fs-lg: 18px;
  --fs-xl: 26px;
  --fs-kpi: 34px;

  --shadow: 0 1px 3px rgba(16, 20, 28, .08), 0 1px 2px rgba(16, 20, 28, .04);
}

:root[data-theme="dark"] {
  --bg: #14171c;
  --surface: #1d2127;
  --surface-2: #262b33;
  --border: #333a44;
  --text: #e8eaee;
  --text-muted: #99a1ad;
  --accent: #5a9bd8;
  --accent-contrast: #10141a;
  --shadow: 0 1px 3px rgba(0, 0, 0, .4);
}