:root {
  --radius: 10px;
  --fs: 14px;
  --font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --pad: 8px 12px;
  --row-pad: 8px 12px;
  --gap: 14px;
  --shadow: 0 2px 10px -2px oklch(30% 0.05 265 / .10);
  --topbar-bg: #ffffff;
  --sb-bg: oklch(20% 0.03 265); --sb-text: oklch(75% 0.02 265); --sb-active: var(--primary); --sb-active-text: #fff;

  --bg: oklch(18% 0.015 265);
  --surface: oklch(23% 0.018 265);
  --surface2: oklch(26% 0.02 265);
  --topbar-bg: oklch(23% 0.018 265);
  --text: oklch(92% 0.01 265);
  --muted: oklch(68% 0.02 265);
  --border: oklch(32% 0.02 265);
  --primary: oklch(68% 0.18 265);
  --primary-strong: oklch(75% 0.16 265);
  --primary-soft: oklch(68% 0.18 265 / .15);
  --accent: oklch(75% 0.13 200);
  --ok: oklch(70% 0.15 150);
  --warn: oklch(78% 0.13 75);
  --danger: oklch(65% 0.19 25);
  color-scheme: dark;
}