/* ============================================
   THEME VARIABLES
   ============================================ */

:root {
    --primary: #000000;
    --secondary: #ffffff;
    --accent: #ff3366;
    --text: #ffffff;
    --bg: #0a0a0a;
}

/* Dark Theme (Default) */
[data-theme="dark"] {
    --primary: #000000;
    --secondary: #ffffff;
    --accent: #00d9ff;
    --text: #ffffff;
    --bg: #0a0a0a;
}

/* Warm Theme */
[data-theme="warm"] {
    --primary: #2d1b00;
    --secondary: #fff5e6;
    --accent: #ff6b35;
    --text: #fff5e6;
    --bg: #1a0f00;
}

/* Cool Theme */
[data-theme="cool"] {
    --primary: #001a33;
    --secondary: #e6f7ff;
    --accent: #00d4ff;
    --text: #e6f7ff;
    --bg: #000d1a;
}