/* Space Theme (Default) */
[data-theme="space"] {
    --primary: #6c63ff;
    --primary-dark: #4d44db;
    --secondary: #ff6584;
    --accent: #00d1b2;
    --dark: #0f0f1a;
    --darker: #080811;
    --light: #ffffff;
    --gray: #cccccc;
}

/* Dark Blue Theme */
[data-theme="dark-blue"] {
    --primary: #3a86ff;
    --primary-dark: #2667cc;
    --secondary: #8338ec;
    --accent: #ff006e;
    --dark: #0a192f;
    --darker: #020a18;
    --light: #ffffff;
    --gray: #b8c2cc;
}

/* Matrix Theme */
[data-theme="matrix"] {
    --primary: #00ff41;
    --primary-dark: #008f11;
    --secondary: #03a062;
    --accent: #007f5f;
    --dark: #000000;
    --darker: #000000;
    --light: #00ff41;
    --gray: #007f5f;
}

/* Sunset Theme */
[data-theme="sunset"] {
    --primary: #ff7e5f;
    --primary-dark: #f45c43;
    --secondary: #feb47b;
    --accent: #ff6b6b;
    --dark: #2b5876;
    --darker: #1e3c72;
    --light: #ffffff;
    --gray: #e0e0e0;
}

/* Forest Theme */
[data-theme="forest"] {
    --primary: #4CAF50;
    --primary-dark: #388E3C;
    --secondary: #8BC34A;
    --accent: #CDDC39;
    --dark: #1a2a1a;
    --darker: #0d1a0d;
    --light: #ffffff;
    --gray: #c8e6c9;
}

/* Fire Theme */
[data-theme="fire"] {
    --primary: #ff4e50;
    --primary-dark: #c23a3a;
    --secondary: #f9d423;
    --accent: #fc913a;
    --dark: #2c3e50;
    --darker: #1a2634;
    --light: #ffffff;
    --gray: #eceff1;
}

/* Ocean Theme */
[data-theme="ocean"] {
    --primary: #0077b6;
    --primary-dark: #023e8a;
    --secondary: #00b4d8;
    --accent: #90e0ef;
    --dark: #03045e;
    --darker: #01012b;
    --light: #ffffff;
    --gray: #b3e5fc;
}

/* Purple Haze Theme */
[data-theme="purple-haze"] {
    --primary: #3a1c71;
    --primary-dark: #2a1254;
    --secondary: #d76d77;
    --accent: #ffaf7b;
    --dark: #200122;
    --darker: #100011;
    --light: #ffffff;
    --gray: #e1bee7;
}