/* Vik Bharadwaj — generated from tokens.json. Edit tokens.json, then run scripts/build-design-tokens.py */
:root {
  --bg: #0a0f1a;
  --surface: rgba(17,24,39,0.6);
  --surface-2: rgba(17,24,39,0.85);
  --surface-solid: #0e1422;
  --text: #e2e8f0;
  --text-2: #94a3b8;
  --text-3: #748399;
  --green: #00D26A;
  --blue: #4F8CFF;
  --purple: #a855f7;
  --amber: #f59e0b;
  --teal: #14b8a6;
  --cyan: #00d4ff;
  --orange: #f97316;
  --violet: #a78bfa;
  --rose: #fb7185;
  --red: #ef4444;
  --pink: #ec4899;
  --indigo: #818cf8;
  --purple-text: #c084fc;
  --pink-text: #f472b6;
  --blue-text: #6b9bff;
  --border: rgba(255,255,255,0.08);
  --border-2: rgba(255,255,255,0.18);
  --on-accent: #06120c;
  --on-amber: #1a1206;
  --code-bg: #060a12;
  --code-text: #cbd5e1;
  --link-hover: #7aa9ff;
  --success: var(--green);
  --warning: var(--amber);
  --danger: var(--red);
  --info: var(--blue);
  --link: var(--blue);
  --focus: var(--cyan);
  --disabled: var(--text-3);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 48px;
  --space-9: 64px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-base: 8px;
  --radius-md: 10px;
  --radius-mid: 12px;
  --radius-lg: 14px;
  --radius-xl: 18px;
  --radius-pill: 999px;
  --shadow-lift: 0 18px 50px rgba(0,0,0,0.5);
  --glow-green: 0 18px 50px rgba(0,210,106,0.16);
  --glow-blue: 0 10px 34px rgba(79,140,255,0.16);
  --glow-purple: 0 10px 34px rgba(168,85,247,0.16);
  --glow-amber: 0 10px 34px rgba(245,158,11,0.16);
  --glow-button: 0 10px 30px rgba(0,210,106,0.25);
  --grad-brand: linear-gradient(100deg, var(--green), var(--blue));
  --fs-10: 10px;
  --fs-11: 11px;
  --fs-12: 12px;
  --fs-13: 13px;
  --fs-15: 15px;
  --fs-17: 17px;
  --fs-21: 21px;
  --fs-30: 30px;
  --fs-34: 34px;
  --fs-68: 68px;
  --lh-display: 1.05;
  --lh-tight: 1.15;
  --lh-snug: 1.5;
  --lh-normal: 1.6;
  --lh-relaxed: 1.7;
  --dur-fast: 0.15s;
  --dur-base: 0.2s;
  --dur-slow: 0.6s;
  --dur-count: 1.2s;
  --size-mark: 32px;
  --size-mark-tile: 48px;
  --ratio-media: 16 / 10;
  --size-bar: 6px;
  --z-sticky: 50;
  --z-overlay: 200;
  --z-modal: 300;
  --z-tooltip: 400;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}
:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } }