/* ===== CSS CUSTOM PROPERTIES / DESIGN TOKENS ===== */
:root {
  --blue-900: #0A1628;
  --blue-800: #0F2140;
  --blue-700: #143270;
  --blue-600: #1B4A8A;
  --blue-500: #2563EB;
  --blue-400: #4F8BFF;
  --blue-100: #E8F0FE;
  --blue-50: #F0F5FF;
  --gold: #F5A623;
  --green: #10B981;
  --red: #EF4444;
  --white: #FFFFFF;
  --gray-50: #F8FAFC;
  --gray-100: #F1F5F9;
  --gray-200: #E2E8F0;
  --gray-300: #CBD5E1;
  --gray-400: #94A3B8;
  --gray-500: #64748B;
  --gray-600: #475569;
  --gray-700: #334155;
  --gray-800: #1E293B;
  --gray-900: #0F172A;
  --radius: 16px;
  --radius-sm: 10px;
  --radius-xs: 6px;
  --shadow-sm: 0 1px 3px rgba(15,22,40,0.06);
  --shadow-md: 0 4px 24px rgba(15,22,40,0.08);
  --shadow-lg: 0 12px 48px rgba(15,22,40,0.1);
  --shadow-xl: 0 24px 64px rgba(15,22,40,0.12);
}