:root {
  --nav: #111e33;
  --nav-active: #233653;
  --nav-indicator: #6594ff;
  --text: #17243b;
  --text-muted: #65748a;
  --canvas: #f5f7fb;
  --surface: #ffffff;
  --divider: #e4e9f0;
  --action: #315bea;
  --action-hover: #274ad0;
  --focus: #91a8ff;
  --success-bg: #eef7f3;
  --success-text: #20896d;
  --danger-bg: #fff7f5;
  --danger-text: #b55048;
  --warning-bg: #fff8eb;
  --warning-text: #ae6d17;
  --neutral: #a7b3c5;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-card: 20px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --shadow-surface: 0 1px 2px rgba(23, 36, 59, 0.06);
  --shadow-overlay: 0 12px 32px rgba(17, 30, 51, 0.16);
  --font: "Segoe UI", system-ui, -apple-system, sans-serif;
  --header-h: 64px;
}