:root {
  /* Primary Colors */
  --color-primary:        #0A2540;
  --color-primary-light:  #1A3A5C;
  --color-primary-dark:   #060F1E;
  --color-accent:         #0070F3;
  --color-accent-hover:   #0051CC;
  --color-accent-light:   #EBF4FF;

  /* Accent Colors */
  --color-gold:           #C9A84C;
  --color-gold-light:     #F5E9C8;
  --color-success:        #00C48C;
  --color-success-light:  #E0F9F2;
  --color-warning:        #FFB020;
  --color-error:          #EF4444;

  /* Neutral / Background */
  --color-bg:             #F8FAFF;
  --color-surface:        #FFFFFF;
  --color-surface-alt:    #F1F5FB;
  --color-dark:           #060F1E;
  --color-dark-surface:   #0D1B2E;

  /* Text */
  --color-text-primary:   #0A2540;
  --color-text-secondary: #4A5568;
  --color-text-muted:     #718096;
  --color-text-light:     #A0AEC0;
  --color-text-white:     #FFFFFF;

  /* Border */
  --color-border:         #E2E8F0;
  --color-border-dark:    #CBD5E0;

  /* Gradients */
  --gradient-hero:        linear-gradient(135deg, #060F1E 0%, #0A2540 50%, #0D2E54 100%);
  --gradient-accent:      linear-gradient(135deg, #0070F3 0%, #0051CC 100%);
  --gradient-dark:        linear-gradient(135deg, #0A2540 0%, #1A3A5C 100%);

  /* Fonts */
  --font-heading:         'Montserrat', sans-serif;
  --font-body:            'Inter', sans-serif;

  /* Font Sizes */
  --text-xs:    0.75rem;
  --text-sm:    0.875rem;
  --text-base:  1rem;
  --text-lg:    1.125rem;
  --text-xl:    1.25rem;
  --text-2xl:   1.5rem;
  --text-3xl:   1.875rem;
  --text-4xl:   2.25rem;
  --text-5xl:   3rem;
  --text-6xl:   3.75rem;
  --text-hero:  clamp(2.5rem, 5vw, 4.5rem);

  /* Font Weights */
  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semi:    600;
  --fw-bold:    700;
  --fw-extra:   800;

  /* Spacing */
  --space-1:   0.25rem;
  --space-2:   0.5rem;
  --space-3:   0.75rem;
  --space-4:   1rem;
  --space-5:   1.25rem;
  --space-6:   1.5rem;
  --space-8:   2rem;
  --space-10:  2.5rem;
  --space-12:  3rem;
  --space-16:  4rem;
  --space-20:  5rem;
  --space-24:  6rem;
  --space-32:  8rem;

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

  /* Shadows */
  --shadow-sm:   0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04);
  --shadow-md:   0 4px 6px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.05);
  --shadow-lg:   0 10px 15px rgba(0,0,0,0.08), 0 4px 6px rgba(0,0,0,0.04);
  --shadow-xl:   0 20px 25px rgba(0,0,0,0.10), 0 10px 10px rgba(0,0,0,0.04);
  --shadow-2xl:  0 25px 50px rgba(0,0,0,0.12);
  --shadow-card: 0 2px 12px rgba(10,37,64,0.08);
  --shadow-card-hover: 0 8px 30px rgba(10,37,64,0.14);

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

  /* Layout */
  --container-max: 1200px;
  --navbar-height: 72px;

  /* Z-index */
  --z-navbar: 1000;
  --z-modal:  2000;
  --z-toast:  3000;
}