:root {
  --bg-0: #0a0a0b;
  --bg-1: #111113;
  --bg-2: #18181b;
  --border: rgba(255,255,255,0.08);
  --border-strong: rgba(255,255,255,0.14);
  --fg-0: #fafafa;
  --fg-1: #a1a1aa;
  --fg-2: #71717a;
  --accent: #06b6d4;
  --accent-soft: rgba(6,182,212,0.12);
  --success: #22c55e;
  --shadow: 0 10px 40px -10px rgba(0,0,0,0.6);
  --noise-opacity: 0.025;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --container-max: 720px;
  --container-wide: 1120px;

  --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-serif: 'Instrument Serif', 'Times New Roman', serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', Consolas, monospace;

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --duration-fast: 180ms;
  --duration-base: 300ms;
  --duration-slow: 600ms;
}

:root[data-theme="light"] {
  --bg-0: #fafafa;
  --bg-1: #ffffff;
  --bg-2: #f4f4f5;
  --border: rgba(0,0,0,0.08);
  --border-strong: rgba(0,0,0,0.14);
  --fg-0: #18181b;
  --fg-1: #52525b;
  --fg-2: #71717a;
  --accent: #0891b2;
  --accent-soft: rgba(8,145,178,0.10);
  --success: #16a34a;
  --shadow: 0 10px 40px -10px rgba(0,0,0,0.15);
}