:root {
  /* Primary Colors */
  --color-blue: #1f3a93; /* Tech Blue */
  --color-white: #f8f9fb; /* Modern White */

  /* Supporting Colors */
  --color-black: #2b2e34; /* Slate Black */

  /* Accent Colors */
  --color-green: #3dbe8b; /* Highlight Green */
  --color-gray: #e1e3e8; /* Soft Gray */
  --color-offwhite: #f1f2f5;

  /* Font Families */
  --font-primary: "Inter", system-ui, sans-serif;
  --font-heading: "Montserrat", sans-serif;
  --font-alt: "Open Sans", sans-serif;

  /* Font Weights */
  --weight-light: 300;
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-bold: 700;

  /* Spacing */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --radius-lg: 24px;
  --radius: 5px;
}