:root {
    --bg-bright-1: #FFFFFF;
    --bg-bright-2: #F9FAFB;
    --bg-bright-3: #F3F1FB;
    --bg-bright-4: #F5F3FF;
    --bg-bright-5: #E8DFFF;
    --bg-bright-6: #FFE6FF;
    --bg-bright-7: #E6EEFF;
    --bg-bright-8: #F2E6FF;

    --bg-dark-1: #0F0817;
    --bg-dark-2: #1A0B2E;
    --bg-dark-3: #2A0B53;
    --bg-dark-4: #3B1474;
    --bg-dark-5: #4C1D95;
    --bg-dark-6: #5B21B6;
    --bg-dark-7: #6D28D9;
    --bg-dark-8: #7C3AED;
  
    --c-primary-1: #6D28D9;
    --c-primary-2: #7C3AED;
    --c-primary-3: #5B21B6;
    --c-primary-4: #4C1D95;
    --c-primary-5: #3B1474;
    --c-primary-6: #2A0B53;
    
    --c-secondary-1: #C4B5FD;
    --c-secondary-2: #DDD6FE;
    --c-secondary-3: #A78BFA;
    --c-secondary-4: #8B5CF6;
    --c-secondary-5: #7C3AED;
    --c-secondary-6: #6D28D9;
    
    --c-accent-1: #EC4899;
    --c-accent-2: #DB2777;
    --c-text-dark: #374151;
    --c-text-medium: #6B7280;
    --c-white: #FFFFFF;
    --c-border-light: #E5E7EB;
    
    /* Site sizing */
    --site-max-width: 1400px;
  
    /* Typography */
    --fs-4xl: clamp(2.986rem, 1.9363rem + 4.1988vi, 5.6102rem);
    --fs-3xl: clamp(2.4883rem, 1.8002rem + 2.7527vi, 4.2087rem);
    --fs-2xl: clamp(2.0736rem, 1.6401rem + 1.734vi, 3.1573rem);
    --fs-xl: clamp(1.728rem, 1.4718rem + 1.0249vi, 2.3686rem);
    --fs-l: clamp(1.44rem, 1.3052rem + 0.539vi, 1.7769rem);
    --fs-m: clamp(1.2rem, 1.1468rem + 0.2128vi, 1.333rem);
    --fs-s: 1rem;
    --fs-xs: 0.8rem;

    /* Line Heights */
    --lh-s: 1.2;
    --lh-m: 1.3;
    --lh-l: 1.35;
    --lh-xl: 1.8;

    /* Letter Spacing */
    --ls-xs: -0.05em;
    --ls-s: 0em;
    --ls-m: 0.05em;
    --ls-l: 0.1em;
    --ls-xl: 0.15em;
    
    /* Spacing */
    --spacing-2xs: clamp(4px, calc(2px + 0.25vmin), 8px);
    --spacing-xs: clamp(8px, calc(4px + 0.5vmin), 12px);
    --spacing-s: clamp(16px, calc(12px + 0.75vmin), 24px);
    --spacing-m: clamp(24px, calc(16px + 1vmin), 32px);
    --spacing-l: clamp(32px, calc(24px + 1.25vmin), 48px);
    --spacing-xl: clamp(48px, calc(32px + 2vmin), 64px);
    --spacing-2xl: clamp(64px, calc(48px + 2.5vmin), 96px);
    --spacing-3xl: clamp(96px, calc(64px + 3vmin), 128px);
    --spacing-4xl: clamp(128px, calc(96px + 3.5vmin), 160px);
    
    /* Borders & Shadows */
    --border-radius-s: 5px;
    --border-radius-m: 10px;
    --border-radius-l: 20px;
    --shadow-s: 0 1px 3px rgba(0, 0, 0, 0.1);
    --shadow-m: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-l: 0 10px 15px rgba(0, 0, 0, 0.1);

    /* Animations */
    --transition-fast: 150ms;
    --transition-normal: 250ms;
    --transition-slow: 1250ms;
    --cubic-bezier: cubic-bezier(0.25, 0.1, 0.25, 1);
    --stagger-base: 0.1s;
    --stagger-multiplier: 1.75;
  
    /* Fonts */
    --font-primary: "Outfit", system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  }