:root {
  --bg: #07080b;
  --surface: #0e1017;
  --surface-2: #161a24;
  --surface-3: #1d2230;
  --border: #222838;
  --text: #f2f3f7;
  --text-muted: #9aa0ae;
  --accent: #7c6cff;
  --accent-soft: rgba(124, 108, 255, 0.14);
  --accent-hover: #9285ff;
  --forecast: #a5a3ff;
  --success: #5ee6a8;
  --success-soft: rgba(94, 230, 168, 0.14);
  --danger: #ff5d5d;
  --danger-soft: rgba(255, 93, 93, 0.14);
  --warn: #ffb547;
  --warn-soft: rgba(255, 181, 71, 0.14);
  --radius: 24px;
  --radius-sm: 14px;
  --radius-xs: 10px;
  --font-family: "Inter Variable", "Inter", ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Roboto, sans-serif;
  --focus-ring: 0 0 0 3px rgba(124, 108, 255, 0.5);
  --space: 20px;
  --num: tabular-nums;
}