:root {
    /* Colors */
    --bm-primary: #1a2332; /* Deep Navy */
    --bm-primary-dark: #0f1621;
    --bm-accent: #e91e63; /* Pink/Magenta */
    --bm-purple: #8a2be2; /* Purple */
    
    --bm-gradient-main: linear-gradient(135deg, var(--bm-accent) 0%, var(--bm-purple) 100%);
    
    --bm-bg: #f8f9fe;
    --bm-bg-alt: #f1f4f8;
    --bm-surface: #ffffff;
    --nav-bg: #ffffff;
    --nav-icon: #a0aec0;
    --nav-icon-active: var(--bm-accent);
    --bm-surface-dark: #0a1118;
    
    --bm-text: #2d3748;
    --bm-text-muted: #718096;
    --bm-text-light: #ffffff;
    
    --bm-border: #e2e8f0;
    --bm-border-dark: #2d3748;
    
    /* Radii */
    --bm-radius-sm: 8px;
    --bm-radius-md: 16px;
    --bm-radius-lg: 24px;
    --bm-radius-full: 9999px;
    
    /* Shadows */
    --bm-shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
    --bm-shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.025);
    --bm-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.02);
    --bm-shadow-glow: 0 10px 25px -5px rgba(233, 30, 99, 0.3);
    
    /* Spacing */
    --bm-space-4: 4px;
    --bm-space-8: 8px;
    --bm-space-12: 12px;
    --bm-space-16: 16px;
    --bm-space-24: 24px;
    --bm-space-32: 32px;
    --bm-space-40: 40px;
    --bm-space-48: 48px;
    --bm-space-64: 64px;
    --bm-space-80: 80px;
    --bm-space-96: 96px;
    --bm-space-120: 120px;
    
    /* Typography */
    --bm-font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    
    /* Container */
    --bm-container: 1280px;
    
    /* Transitions */
    --bm-transition: 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

[data-theme="dark"] {
    --bm-bg: #0a0a0d;
    --bm-bg-alt: #161218;
    --bm-surface: #221d23;
    --nav-bg: #221d23;
    --nav-icon: rgba(255,255,255,0.4);
    --nav-icon-active: var(--bm-accent);
    --bm-text: #ffffff;
    --bm-text-muted: rgba(255,255,255,0.72);
    --bm-border: rgba(255,255,255,0.08);
    --bm-primary: #f8f9fa;
    --bm-primary-dark: #000000;
}