:root {
  --bg: #07090d;
  --surface: #0d1117;
  --surface-2: #141a23;
  --surface-3: #1b2230;
  --line: rgba(255, 255, 255, .07);
  --line-2: rgba(255, 255, 255, .12);
  --text: #eef2f7;
  --text-2: #a3adbb;
  --text-3: #6b7686;
  --accent: #6cb4ff;
  --accent-soft: rgba(108, 180, 255, .14);
  --ok: #3fd8b4;
  --ok-soft: rgba(63, 216, 180, .13);
  --warn: #ffb84d;
  --warn-soft: rgba(255, 184, 77, .14);
  --danger: #ff6370;
  --route: #d67bff;
  --ink: #eef4ff;
  --ink-text: #08111f;

  --r-sm: 10px;
  --r: 16px;
  --r-lg: 22px;
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px;

  --font: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, 'SF Mono', monospace;
  --t-xs: 11px; --t-sm: 13px; --t-md: 15px; --t-lg: 20px; --t-xl: 28px; --t-xxl: 44px;

  --ease: cubic-bezier(.23, 1, .32, 1);
  --dur: 220ms;
  --shadow: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 12px 32px rgba(0, 0, 0, .35);
  --glass: rgba(13, 17, 23, .78);
  --rail: 76px;
}