/* ============================================================
   Design Tokens & Resets
   ============================================================ */

:root {
  --color-primary: #4f6d7a;
  --color-primary-dark: #3a5260;
  --color-primary-light: #7b9eab;
  --color-primary-subtle: rgba(79, 109, 122, 0.08);
  --color-surface: #f7f8fa;
  --color-surface-alt: #eef0f4;
  --color-surface-elevated: #ffffff;
  --color-text: #1e2328;
  --color-text-secondary: #525d68;
  --color-text-muted: #8993a0;
  --color-border: #d5dae0;
  --color-border-subtle: #e5e9ee;
  --color-positive: #2d6a4f;
  --color-negative: #c1292e;
  --color-warning: #d4a017;
  --color-sidebar: #161b22;

  --font-display: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-body: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;

  --radius: 6px;
  --transition: 150ms ease;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--color-text);
  background: var(--color-surface);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}