:root {
  /* Sophisticated dark palette — closer to Linear / Stripe dark than generic Bootstrap */
  --bg: #0a0c10;
  --bg-elevated: #0e1116;
  --surface: #14181f;
  --surface-2: #1b2029;
  --surface-3: #232934;
  --border: #232831;
  --border-strong: #303744;
  --border-focus: rgba(52, 211, 153, 0.45);

  --text: #f2f4f8;
  --text-muted: #9aa3b2;
  --text-faint: #5d6573;

  --accent: #34d399;
  --accent-hover: #46e2a8;
  --accent-dim: rgba(52, 211, 153, 0.12);
  --accent-glow: rgba(52, 211, 153, 0.25);
  --accent-ink: #06200f;

  --danger: #f87171;
  --danger-dim: rgba(248, 113, 113, 0.12);
  --warn: #fbbf24;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-pill: 999px;

  --font-sans: -apple-system, BlinkMacSystemFont, "Inter", "SF Pro Text", "Segoe UI", system-ui, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", "Menlo", monospace;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 6px 24px -8px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 18px 60px -12px rgba(0, 0, 0, 0.6);
  --ring-focus: 0 0 0 3px var(--border-focus);
  --ring-accent: 0 0 0 1px var(--accent-glow), 0 10px 30px -10px var(--accent-glow);

  --header-h: 60px;
  --content-max: 880px;
}