:root {
  --font-sans: Inter, ui-rounded, "Trebuchet MS", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Trebuchet MS", var(--font-sans);
  --bg: #f6f8ff;
  --surface: #ffffff;
  --surface-2: #eef4ff;
  --surface-3: #fff8db;
  --text: #172554;
  --text-soft: #52617a;
  --border: #dce6f5;
  --primary: #2563eb;
  --primary-strong: #1647b8;
  --primary-soft: #dbeafe;
  --accent: #f59e0b;
  --success: #16a34a;
  --danger: #e11d48;
  --purple: #7c3aed;
  --pink: #ec4899;
  --teal: #0d9488;
  --shadow-sm: 0 4px 14px rgba(30, 64, 175, .08);
  --shadow-md: 0 14px 40px rgba(30, 64, 175, .14);
  --radius-sm: .75rem;
  --radius-md: 1.1rem;
  --radius-lg: 1.6rem;
  --radius-pill: 999px;
  --content: 1480px;
  --header-h: 74px;
  --sidebar-w: 264px;
  --transition: 180ms ease;
}

html[data-theme="dark"] {
  --bg: #0d1530;
  --surface: #151f3d;
  --surface-2: #1b2a50;
  --surface-3: #3b3216;
  --text: #f3f7ff;
  --text-soft: #b6c2dc;
  --border: #2b3b65;
  --primary: #60a5fa;
  --primary-strong: #93c5fd;
  --primary-soft: #18345e;
  --shadow-sm: 0 4px 14px rgba(0, 0, 0, .2);
  --shadow-md: 0 14px 40px rgba(0, 0, 0, .35);
}