:root {
    --bg-dark: #0a0a0f;
    --bg-gradient: linear-gradient(135deg, #0a0a0f 0%, #141420 100%);
    --card-bg: rgba(255, 255, 255, 0.03);
    --card-border: rgba(255, 255, 255, 0.06);
    --primary-accent: #e94560;
    --success: #00ff41;
    --vip: #7b2ff7;
    --info: #00d4ff;
    --text-primary: #ffffff;
    --text-secondary: rgba(255, 255, 255, 0.6);
    --danger: #ff3333;
    
    --spacing-1: 4px;
    --spacing-2: 8px;
    --spacing-3: 12px;
    --spacing-4: 16px;
    --spacing-5: 20px;
    --spacing-6: 24px;
    --spacing-8: 32px;
    
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-full: 9999px;
    
    --glow-primary: 0 0 15px rgba(233, 69, 96, 0.5);
    --glow-success: 0 0 15px rgba(0, 255, 65, 0.5);
    --glow-vip: 0 0 15px rgba(123, 47, 247, 0.5);
    
    --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    
    --font-regular: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;
    --font-extrabold: 800;
    
    --z-base: 1;
    --z-nav: 100;
    --z-modal: 200;
    --z-toast: 300;
    --z-loader: 400;
}