:root {
    --color-primary: #6366f1;
    --color-primary-dark: #5154c6;
    --color-primary-tint: #f3f3fe;
    --color-accent: #f59e0b;
    --color-accent-tint: #fef7eb;
    --font-body: system-ui, -apple-system, sans-serif;
    --font-heading: system-ui, -apple-system, sans-serif;
    --hero-background: linear-gradient(to right, #6366f1, #5154c6);
    --page-bg: #fafafa;
    --card-bg: #ffffff;
    --footer-bg: #1a1a1a;
    --footer-text: #f3f4f6;
    --body-text: #1a1a1a;
    --header-text: #ffffff;
    --card-text: #1a1a1a;
    --pill-bg: #f3f4f6;
    --pill-text: #374151;
    --chip-container-bg: #f9fafb;
  }