:root {
  /* Brand Colors */
  --color-purple:       #8768F5;
  --color-purple-mid:   #9F5FE8;
  --color-purple-light: #EDE9FE;
  --color-purple-bg:    #F5F0FF;
  --color-purple-dark:  #6B4FD8;
  --color-orange:       #F97316;
  --color-yellow:       #FBBF24;
  --color-pink:         #EC4899;
  --color-teal:         #06B6D4;
  --color-blue:         #3B82F6;
  --color-green:        #10B981;

  /* Neutrals */
  --color-text:         #1A1A2E;
  --color-text-muted:   #6B7280;
  --color-bg:           #FFFFFF;
  --color-bg-alt:       #F9FAFB;
  --color-border:       #E5E7EB;

  /* Typography */
  --font-display: 'Sour Gummy', cursive;
  --font-body:    'Poppins', sans-serif;

  --font-size-xs:   0.75rem;
  --font-size-sm:   0.875rem;
  --font-size-base: 1rem;
  --font-size-lg:   1.125rem;
  --font-size-xl:   1.25rem;
  --font-size-2xl:  1.5rem;
  --font-size-3xl:  1.875rem;
  --font-size-4xl:  2.25rem;
  --font-size-5xl:  3rem;
  --font-size-6xl:  3.75rem;
  --font-size-7xl:  4.5rem;

  /* Spacing */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;

  /* Layout */
  --container-max:     1200px;
  --container-padding: var(--space-6);

  /* Border radius */
  --radius-sm:   0.375rem;
  --radius-md:   0.75rem;
  --radius-lg:   1.25rem;
  --radius-2lg:   1.5rem;
  --radius-xl:   2rem;
  --radius-2xl:  3rem;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm:  0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-md:  0 4px 12px rgba(0, 0, 0, 0.10);
  --shadow-lg:  0 10px 30px rgba(0, 0, 0, 0.12);
  --shadow-xl:  0 20px 60px rgba(0, 0, 0, 0.15);
  --shadow-purple: 0 8px 30px rgba(124, 58, 237, 0.35);

  /* Marquee pill image colors */
  --color-pill-purple: #9476FF;
  --color-pill-teal:   #00C8CE;
  --color-pill-pink:   #FF53AB;
  --color-pill-green:  #61CE61;
  --color-pill-yellow: #FFC10F;

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 400ms ease;
}