:root {
  /* Colors */
  --color-navy: #1a2947;
  --color-navy-light: #1b2a4a;
  --color-primary: #3d60ac;
  --color-primary-dark: #33508f;
  --color-teal: #00cea6;
  --color-text: #6a6a6a;
  --color-heading: #3f3f3f;
  --color-white: #ffffff;
  --color-border: #e6e8ee;
  --color-bg-light: #f5f7fb;

  /* Typography */
  --font-body: 'Outfit', sans-serif;
  --font-heading: 'Outfit', sans-serif;
  --fs-h1: 80px;
  --fs-h2: 44px;
  --fs-h3: 24px;
  --fs-eyebrow: 16px;
  --fs-body: 16px;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* Spacing */
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 40px;
  --space-xl: 64px;
  --space-2xl: 100px;

  /* Radius */
  --radius-sm: 5px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 999px;

  /* Layout */
  --container-width: 1320px;
  --transition-base: 0.3s ease;
}