:root {
  --ink-900: #0B1524;
  --ink-800: #101F38;
  --ink-700: #16294A;
  --primary-600: #2466E0;
  --primary-700: #1B4FB8;
  --primary-50: #EAF1FF;
  --cyan-400: #2BD4E6;
  --cyan-700: #0E7490;
  --cyan-50: #E0F7FB;

  --bg: #EEF2F8;
  --surface: #FFFFFF;
  --surface-2: #F7F9FC;
  --border: #E2E8F2;
  --neutral-100: #EEF1F6;
  --neutral-500: #64748B;
  --neutral-600: #475569;

  --text: #16202E;
  --muted: #69788F;
  --muted-2: #94A2B8;
  --on-dark: #FFFFFF;
  --on-dark-muted: #DBE7FF;

  --success: #12A150;
  --success-50: #E6F6EE;
  --warning: #F59E0B;
  --warning-700: #B45309;
  --warning-50: #FEF3E2;
  --danger: #E11D48;
  --danger-50: #FDE7EC;
  --purple: #7C3AED;
  --purple-50: #F1E9FE;

  --pri-urgent: #E11D48;
  --pri-high: #F59E0B;
  --pri-medium: #2466E0;
  --pri-low: #64748B;

  --shadow: 0 1px 2px rgba(16, 31, 56, .04), 0 8px 24px rgba(16, 31, 56, .06);
  --shadow-lg: 0 12px 40px rgba(16, 31, 56, .14);
  --focus-ring: 0 0 0 4px rgba(36, 102, 224, .12);
  --overlay: rgba(11, 21, 36, .46);
  --glass: rgba(238, 242, 248, .9);
  --sidebar-hover: rgba(255, 255, 255, .1);
  --hero-glow: rgba(43, 212, 230, .18);

  --r-sm: 8px;
  --r-md: 11px;
  --r-lg: 14px;
  --r-xl: 18px;
}