:root {
    /* Colors - Dark Theme Core */
    --bg-body: #050507;
    --bg-card: #0F1014;
    --bg-card-hover: #15161C;
    --text-main: #ECECEC;
    --text-muted: #9CA3AF;
    --border-color: #1F2128;
    
    /* Brand Colors - Violet/Blue Gradient Theme */
    --primary-main: #6366F1; /* Indigo */
    --primary-hover: #4F46E5;
    --primary-glow: rgba(99, 102, 241, 0.5);
    
    --secondary-main: #EC4899; /* Pink/Rose for gradients */
    
    --accent-cyan: #06B6D4;
    
    /* Gradients */
    --gradient-text: linear-gradient(135deg, #FFFFFF 0%, #A5B4FC 100%);
    --gradient-primary: linear-gradient(135deg, #6366F1 0%, #8B5CF6 100%);
    --gradient-glow: radial-gradient(circle at center, rgba(99, 102, 241, 0.15) 0%, transparent 70%);

    /* Fonts */
    --font-heading: 'Outfit', sans-serif;
    --font-body: 'Inter', sans-serif;

    /* Spacing */
    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 1.5rem;
    --space-lg: 2.5rem;
    --space-xl: 4rem;
    --space-xxl: 8rem;

    /* Border Radius */
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-full: 9999px;
    
    /* Shadows */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.1);
    --shadow-glow: 0 0 20px rgba(99, 102, 241, 0.4);
    
    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-smooth: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}