:root {
  /* Brand Colors */
  --brand-orange: #F5941E;
  --brand-orange-light: #FFAD42;
  --brand-orange-dark: #D67A0A;
  --brand-blue: #1B3A8C;
  --brand-blue-light: #2A4FAE;
  --brand-blue-dark: #0D1F4B;
  --brand-dark: #0A0F1E;
  --brand-light: #F8F9FC;
  --brand-white: #FFFFFF;
  --brand-gray: #6B7280;
  --brand-gray-light: #9CA3AF;
  --brand-gray-dark: #374151;

  /* Surfaces */
  --surface-primary: #0E1425;
  --surface-card: rgba(255, 255, 255, 0.04);
  --surface-card-hover: rgba(255, 255, 255, 0.08);
  --surface-glass: rgba(255, 255, 255, 0.06);

  /* Typography */
  --font-heading: 'Outfit', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;

  /* Spacing Scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;

  /* Border Radius */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.15);
  --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.2);
  --shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.25);
  --shadow-xl: 0 16px 60px rgba(0, 0, 0, 0.3);
  --shadow-glow-orange: 0 0 30px rgba(245, 148, 30, 0.3);
  --shadow-glow-blue: 0 0 30px rgba(27, 58, 140, 0.3);

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-base: 300ms ease;
  --transition-slow: 500ms ease;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
}