:root {
  color-scheme: dark;
  --bg: #060a14;
  --bg-2: #0a1020;
  --ink: #e6ecf8;
  --ink-2: #b6c0d4;
  --ink-3: #8593ad;
  --hairline: rgba(255, 255, 255, 0.13);
  --hairline-strong: rgba(255, 255, 255, 0.24);
  --glass: rgba(255, 255, 255, 0.06);
  --glass-2: rgba(255, 255, 255, 0.095);
  --glass-3: rgba(255, 255, 255, 0.14);
  --scrim: rgba(6, 10, 20, 0.62);
  --accent: #4f8cff;
  --accent-2: #22d3ee;
  --lime: #b5f03a;
  --amber: #f59e0b;
  --crit: #f87171;
  --ok: #2bbe6a;
  --cta: #f4f6fb;
  --on-cta: #0b0d12;

  --font: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --r-xs: 8px; --r-sm: 12px; --r-md: 16px; --r-lg: 22px; --r-pill: 999px;
  --shadow-1: 0 1px 0 rgba(255,255,255,.06) inset, 0 10px 30px -18px rgba(0,0,0,.8);
  --shadow-2: 0 1px 0 rgba(255,255,255,.08) inset, 0 24px 60px -24px rgba(0,0,0,.9);
  --dur-fast: 150ms; --dur: 260ms;
  --ease: cubic-bezier(.16, 1, .3, 1);
  --gutter: clamp(16px, 2.5vw, 32px);
}