:root {
  --c-navy-950: #05060B;
  --c-navy-900: #0A0D16;
  --c-navy-850: #0E1220;
  --c-navy-800: #131829;
  --c-navy-700: #1B2338;
  --c-navy-600: #26304A;
  --c-blue-500: #3D7EFF;
  --c-blue-400: #5C93FF;
  --c-blue-300: #8FB4FF;
  --c-violet-500: #6D5BFF;
  --c-violet-400: #8B7CFF;
  --c-cyan-400: #00D2FF;
  --c-mint-400: #00E5A0;
  --c-pink-500: #FF4D8D;
  --c-amber-400: #FFB020;
  --c-red-500: #EF4444;
  --c-green-500: #22C55E;
  --c-ink-100: #F6F8FC;
  --c-ink-200: #DDE4F0;
  --c-ink-400: #9AA8BF;
  --c-ink-500: #7A8798;
  --c-glass-fill: rgba(255,255,255,0.06);
  --c-glass-fill-strong: rgba(255,255,255,0.10);
  --c-glass-border: rgba(255,255,255,0.14);
  --c-glass-border-strong: rgba(255,255,255,0.22);
  --c-scrim: rgba(3,5,10,0.72);
  --l-bg: #F4F6FB;
  --l-surface: #FFFFFF;
  --l-surface-2: #EDF1F9;
  --l-text: #0C1220;
  --l-text-2: #4A5670;
  --l-border: rgba(12,18,32,0.10);
  --l-glass-fill: rgba(255,255,255,0.72);
  --r-xs: 8px;
  --r-sm: 12px;
  --r-md: 18px;
  --r-lg: 26px;
  --r-xl: 34px;
  --r-pill: 999px;
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 20px;
  --s-6: 24px;
  --s-8: 32px;
  --s-10: 40px;
  --s-12: 48px;
  --t-display: 34px;
  --t-title: 26px;
  --t-h1: 22px;
  --t-h2: 18px;
  --t-body: 15px;
  --t-label: 13px;
  --t-caption: 11px;
  --t-weightRegular: 400;
  --t-weightMedium: 500;
  --t-weightSemi: 600;
  --t-weightBold: 700;
  --m-fast: 120ms;
  --m-base: 220ms;
  --m-slow: 320ms;
  --m-spring: cubic-bezier(.22,1,.36,1);
}