:root {
  /* Color Tokens */
  --color-primary: #0875FF;
  --color-primary-50: #E6F1FF;
  --color-primary-100: #CEE3FF;
  --color-primary-200: #9CC8FF;
  --color-primary-300: #6BACFF;
  --color-primary-400: #3991FF;
  --color-primary-500: #0875FF;
  --color-primary-600: #065ECC;
  --color-primary-700: #054699;
  --color-primary-800: #032F66;
  --color-primary-850: #02234D;
  --color-primary-900: #021733;

  --color-blue-500: #040DBF;
  --color-heading: #0B2640;
  --color-text-base: #090A11;
  --color-neutral-700: #404655;
  --color-neutral-900: #15171C;
  --color-neutral-950: #0B0C0E;
  
  --color-white: #FFFFFF;
  --color-gray: #F5F5F5;
  --color-gray-200: #E9EAEB;
  
  /* Gradations */
  --gradient-brand: linear-gradient(135deg, #0875FF 0%, #040DBF 100%);
  --gradient-dark: linear-gradient(180deg, #15171C 0%, #0B0C0E 100%);
  
  /* Fonts */
  --font-family-headings: "Plus Jakarta Sans", sans-serif;
  --font-family-body: "Work Sans", sans-serif;
  --font-family-alt: "Inter", sans-serif;

  /* Font Sizes */
  --font-size-h1: clamp(42px, 2.625rem + 2.479vw, 72px);
  --font-size-h2: clamp(36px, 2.25rem + 2.149vw, 62px);
  --font-size-h3: clamp(32px, 2rem + 1.322vw, 48px);
  --font-size-h4: clamp(28px, 1.75rem + 1.157vw, 42px);
  --font-size-h5: clamp(24px, 1.5rem + 0.661vw, 32px);
  --font-size-h6: clamp(20px, 1.25rem + 0.331vw, 24px);
  
  --font-size-p1: 18px;
  --font-size-p2: 16px;
  --font-size-p3: 14px;
  
  /* Dimensions & Spacing */
  --max-width-content: 1530px;
  --border-radius-button: 104px;
  
  --spacing-8: 8px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-56: 56px;
  --spacing-64: 64px;
  --spacing-72: 72px;
  --spacing-80: 80px;
  
  /* Transitions */
  --transition-fast: 0.2s ease-in-out;
  --transition-normal: 0.3s ease-in-out;
  
  /* Shadows */
  --shadow-normal: 0 10px 30px rgba(0, 0, 0, 0.05);
  --shadow-hover: 0 20px 40px rgba(0, 0, 0, 0.1);
}