:root {
  --radius: 8px;
  --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 250 / .10);
  --topbar-bg: #ffffff;
  --sb-bg: #0057b8; --sb-text: #dceeff; --sb-active: #ffffff; --sb-active-text: #0057b8;

  --bg: #f4f8fc;
  --surface: #ffffff;
  --surface2: #edf5fb;
  --text: #17324d;
  --muted: #65798c;
  --border: #d7e4ef;
  --primary: #0057b8;
  --primary-strong: color-mix(in oklab, #0057b8 82%, #000);
  --primary-soft: color-mix(in oklab, #0057b8 11%, transparent);
  --accent: #00bab3;
  --ok: #15965f;
  --warn: #c98910;
  --danger: #d83b4b;
  color-scheme: light;
}