/* کلاس dark-mode روی body */
body.dark-mode {
    --bg-primary: #050508;
    --bg-secondary: #0a0a0f;
    --surface: #111;
    --text-primary: #ededed;
    --text-secondary: #a0a0a0;
    --border: #2a2a2f;
}

body.light-mode {
    --bg-primary: #f8f9fa;
    --bg-secondary: #ffffff;
    --surface: #ffffff;
    --surface-elevated: #f1f3f5;
    --text-primary: #121212;
    --text-secondary: #4b5563;
    --border: #e2e8f0;
}

body.light-mode .floating-header {
    background: rgba(255, 255, 255, 0.7);
    border-color: rgba(0, 102, 179, 0.2);
}

body.light-mode .card-luxury {
    background: white !important;
    border: 1px solid #e2e8f0;
}

body.light-mode .bg-\[#111\] {
    background: white !important;
}

body.light-mode .text-gray-400 {
    color: #4b5563 !important;
}

body.light-mode .bg-black\/50 {
    background: rgba(0, 0, 0, 0.03);
}