:root {
  --primary: #202993;
  --secondary: #808080;
  --warning: #FFBF00;
  --success: #317c34;
  --danger: #8a111a;
  --light: #F5F5F5;
  --info: #0984E3;
  --dark: #11101D;

  /* Typography scale */
  --font-sans: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  --fs-2xl: clamp(2rem, 1.2rem + 2vw, 2.75rem);
  --fs-xl: 1.75rem;
  --fs-lg: 1.25rem;
  --fs-md: 1rem;
  --fs-sm: 0.875rem;
  --fs-xs: 0.75rem;

  /* Spacing scale (4px baseline) */
  --space-0: 0;
  --space-1: 0.25rem; /* 4px */
  --space-2: 0.5rem;  /* 8px */
  --space-3: 0.75rem; /* 12px */
  --space-4: 1rem;    /* 16px */
  --space-5: 1.25rem; /* 20px */
  --space-6: 1.5rem;  /* 24px */
  --space-8: 2rem;    /* 32px */
  --space-10: 2.5rem; /* 40px */
  --space-12: 3rem;   /* 48px */
  --space-16: 4rem;   /* 64px */
}