:root {
  /* Primary */
  --primary: #1B3A6B;
  --primary-light: #2E5EA6;
  --primary-lighter: #E8EEF6;
  --primary-dark: #0F2649;

  /* Accent */
  --accent: #0EA5E9;
  --accent-light: #7DD3FC;
  --accent-lighter: #E0F2FE;

  /* Semantic */
  --success: #10B981;
  --success-light: #D1FAE5;
  --warning: #F59E0B;
  --warning-light: #FEF3C7;
  --danger: #EF4444;
  --danger-light: #FEE2E2;
  --info: #3B82F6;
  --info-light: #DBEAFE;

  /* Neutrals */
  --bg-body: #F4F6FA;
  --bg-card: #FFFFFF;
  --bg-sidebar: #0F172A;
  --bg-sidebar-hover: #1E293B;
  --bg-sidebar-active: rgba(14,165,233,0.12);
  --bg-topnav: #FFFFFF;
  --bg-input: #F8FAFC;

  --text-primary: #0F172A;
  --text-secondary: #475569;
  --text-muted: #94A3B8;
  --text-inverse: #F8FAFC;
  --text-sidebar: #CBD5E1;
  --text-sidebar-active: #FFFFFF;

  --border: #E2E8F0;
  --border-light: #F1F5F9;
  --divider: #E2E8F0;

  /* Shadows */
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.04);
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
  --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.07), 0 2px 4px -2px rgba(0,0,0,0.05);
  --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.08), 0 4px 6px -4px rgba(0,0,0,0.03);
  --shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.08), 0 8px 10px -6px rgba(0,0,0,0.03);

  /* Radius */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-full: 9999px;

  /* Typography */
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

  --fs-xs: 0.6875rem;
  --fs-sm: 0.8125rem;
  --fs-base: 0.875rem;
  --fs-lg: 1rem;
  --fs-xl: 1.25rem;
  --fs-2xl: 1.5rem;
  --fs-3xl: 1.875rem;

  --fw-normal: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* Spacing */
  --sidebar-width: 260px;
  --sidebar-collapsed: 72px;
  --topnav-height: 60px;
  --page-padding: 24px;

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 350ms ease;
}

/* Dark mode */
[data-theme="dark"] {
  --bg-body: #0C111B;
  --bg-card: #151C2C;
  --bg-sidebar: #0A0F1A;
  --bg-sidebar-hover: #151C2C;
  --bg-topnav: #151C2C;
  --bg-input: #1A2236;

  --text-primary: #F1F5F9;
  --text-secondary: #94A3B8;
  --text-muted: #64748B;

  --border: #1E293B;
  --border-light: #1A2236;
  --divider: #1E293B;

  --shadow-sm: 0 1px 3px rgba(0,0,0,0.3);
  --shadow-md: 0 4px 6px rgba(0,0,0,0.3);
  --shadow-lg: 0 10px 15px rgba(0,0,0,0.3);

  --primary-lighter: rgba(30,90,170,0.15);
  --success-light: rgba(16,185,129,0.15);
  --warning-light: rgba(245,158,11,0.15);
  --danger-light: rgba(239,68,68,0.15);
  --info-light: rgba(59,130,246,0.15);
  --accent-lighter: rgba(14,165,233,0.15);
}