:root {
    /* Core Colors */
    --color-primary: #7C3AED;
    --color-primary-rgb: 124, 58, 237;
    --color-primary-dark: #6D28D9;
    --color-secondary: #22D3EE;
    --color-secondary-rgb: 34, 211, 238;
    
    /* Backgrounds */
    --bg-body-start: #141025;
    --bg-body-end: #1a1433;
    --bg-surface: rgba(255, 255, 255, 0.03);
    --bg-surface-hover: rgba(255, 255, 255, 0.06);
    
    /* Text Colors */
    --text-light: #F5F3FF;
    --text-normal: #C7C4D6;
    --text-muted: #A19CB8;
    
    /* Glass Effect Tokens */
    --glass-border: rgba(255, 255, 255, 0.08);
    --glass-border-highlight: rgba(255, 255, 255, 0.15);
    --glass-bg: rgba(255, 255, 255, 0.04);
    --glass-blur: 12px;
    --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    
    /* Spacing */
    --space-2xs: 0.25rem;  /* 4px */
    --space-xs: 0.5rem;    /* 8px */
    --space-sm: 0.75rem;   /* 12px */
    --space-md: 1rem;      /* 16px */
    --space-lg: 1.5rem;    /* 24px */
    --space-xl: 2rem;      /* 32px */
    --space-2xl: 3rem;     /* 48px */
    --space-3xl: 4rem;     /* 64px */
    
    /* Typography */
    --font-heading: 'Outfit', sans-serif;
    --font-body: 'Inter', sans-serif;
    
    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.25rem;
    --text-2xl: 1.5rem;
    --text-3xl: 2rem;
    --text-4xl: 2.5rem;
    --text-5xl: 3.5rem;
    
    /* Radius */
    --radius-sm: 0.375rem;
    --radius-md: 0.75rem;
    --radius-lg: 1rem;
    --radius-xl: 1.5rem;
    --radius-full: 9999px;
    
    /* Transitions */
    --ease-out: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --duration-fast: 200ms;
    --duration-normal: 300ms;
    
    /* Z-Index */
    --z-modal: 1000;
    --z-toast: 1100;
    --z-navbar: 900;
    --z-drawer: 950;
}