:root {
    /* Colors */
    --z-black: #000000;
    --z-primary: #C8E048;
    --z-white: #FFFFFF;
    --z-text: #FFFFFF;
    --z-text-muted: rgba(255,255,255,0.60);
    --z-text-subtle: rgba(255,255,255,0.42);
    --z-surface: #080808;
    --z-surface-2: #101010;
    --z-border: rgba(255,255,255,0.12);
    --z-border-accent: rgba(200,224,72,0.30);
    --z-primary-hover: #D4ED58;
    --z-primary-dark: #AFCB2F;
    --z-container: 1280px;

    /* Spacing scale */
    --z-space-xs: 8px;
    --z-space-sm: 16px;
    --z-space-md: 24px;
    --z-space-lg: 32px;
    --z-space-xl: 48px;
    --z-space-2xl: 64px;
    --z-space-3xl: 80px;
    --z-space-4xl: 96px;
    --z-space-5xl: 120px;
    --z-space-6xl: 160px;

    /* Typography scale using clamp */
    --z-text-xs: clamp(0.75rem, 0.7rem + 0.15vw, 0.8125rem);
    --z-text-sm: clamp(0.8125rem, 0.78rem + 0.2vw, 0.9375rem);
    --z-text-base: clamp(0.9375rem, 0.9rem + 0.25vw, 1.0625rem);
    --z-text-lg: clamp(1.0625rem, 1rem + 0.4vw, 1.25rem);
    --z-text-xl: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
    --z-text-2xl: clamp(1.5rem, 1.3rem + 0.8vw, 2rem);
    --z-text-3xl: clamp(2rem, 1.6rem + 1.5vw, 3rem);
    --z-text-4xl: clamp(2.5rem, 2rem + 2.5vw, 4.5rem);
    --z-text-5xl: clamp(3rem, 2rem + 4vw, 5.5rem);
    --z-text-display: clamp(3.5rem, 2rem + 5.5vw, 7.5rem);

    /* Transitions */
    --z-ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --z-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --z-duration-fast: 0.2s;
    --z-duration: 0.4s;
    --z-duration-slow: 0.8s;

    /* Z-index scale */
    --z-index-header: 1000;
    --z-index-mobile-menu: 999;
    --z-index-overlay: 998;
    --z-index-modal: 1100;

    /* Border radius */
    --z-radius-sm: 4px;
    --z-radius: 6px;
    --z-radius-lg: 12px;
}