:root {
  /* Color System */
  --color-primary: #092B4C;
  --color-blue: #4E91D1;
  --color-sky: #A9D2F2;
  --color-sky-light: rgba(169, 210, 242, 0.15);
  --color-background: #F7F9FC;
  --color-white: #FFFFFF;
  --color-accent: #FFB84D;
  --color-text: #092B4C;
  --color-text-muted: #66788A;

  /* Alpha & Blurs (Glassmorphism) */
  --color-glass-bg: rgba(255, 255, 255, 0.85);
  --color-glass-border: rgba(9, 43, 76, 0.10);
  --color-glass-shadow: 0 20px 60px rgba(9, 43, 76, 0.08);

  /* Typography Scale */
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --font-size-hero: clamp(52px, 8vw, 110px);
  --font-size-section: clamp(36px, 5vw, 64px);
  --font-size-subheading: clamp(18px, 2vw, 24px);
  --font-size-body: 16px;
  --font-size-button: 16px;
  --font-size-small: 14px;

  /* Spacing Scale */
  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-4xl: 96px;
  --space-5xl: 128px;

  /* Layout */
  --max-width-desktop: 1440px;

  /* Border Radius */
  --radius-button: 999px;
  --radius-card: 24px;
  --radius-input: 999px;
  --radius-section: 32px;

  /* Transitions */
  --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}