/* Theme Variables */
:root {
    /* Default Theme */
    --default-bg: #b4d2ff;
    --default-bg-rgb: 180, 210, 255;
    --default-nav: #ffffff;
    --default-text: #333333;
    --default-link: #b4d2ff;
    --default-link-hover: #b4d2ff;
    --default-nav-bg: #ffffff;
    --default-nav-hover: #f0f0f0;
    --default-dropdown-bg: #ffffff;
    --default-dropdown-hover: #f0f0f0;
    --default-dropdown-text: #333333;
    --default-dropdown-text-hover: #b4d2ff;
    --default-border: #b4d2ff;

    /* Dark Theme */
    --dark-bg: #1a1a1a;
    --dark-bg-rgb: 26, 26, 26;
    --dark-nav: #ffffff;
    --dark-text: #333333;
    --dark-link: #cccccc;
    --dark-link-hover: #1a1a1a;
    --dark-nav-bg: #ffffff;
    --dark-nav-hover: #f0f0f0;
    --dark-dropdown-bg: #ffffff;
    --dark-dropdown-hover: #f0f0f0;
    --dark-dropdown-text: #333333;
    --dark-dropdown-text-hover: #1a1a1a;
    --dark-border: #1a1a1a;

    /* Light Theme */
    --light-bg: #ffffff;
    --light-bg-rgb: 255, 255, 255;
    --light-nav: #ffffff;
    --light-text: #333333;
    --light-link: #0066cc;
    --light-link-hover: #ffffff;
    --light-nav-bg: #ffffff;
    --light-nav-hover: #f0f0f0;
    --light-dropdown-bg: #ffffff;
    --light-dropdown-hover: #f0f0f0;
    --light-dropdown-text: #333333;
    --light-dropdown-text-hover: #ffffff;
    --light-border: #ffffff;

    /* Brown Theme */
    --brown-bg: #8B4513;
    --brown-bg-rgb: 139, 69, 19;
    --brown-nav: #ffffff;
    --brown-text: #333333;
    --brown-link: #FFD700;
    --brown-link-hover: #8B4513;
    --brown-nav-bg: #ffffff;
    --brown-nav-hover: #f0f0f0;
    --brown-dropdown-bg: #ffffff;
    --brown-dropdown-hover: #f0f0f0;
    --brown-dropdown-text: #333333;
    --brown-dropdown-text-hover: #8B4513;
    --brown-border: #8B4513;

    /* Green Theme */
    --green-bg: #90EE90;
    --green-bg-rgb: 144, 238, 144;
    --green-nav: #ffffff;
    --green-text: #333333;
    --green-link: #90EE90;
    --green-link-hover: #90EE90;
    --green-nav-bg: #ffffff;
    --green-nav-hover: #f0f0f0;
    --green-dropdown-bg: #ffffff;
    --green-dropdown-hover: #f0f0f0;
    --green-dropdown-text: #333333;
    --green-dropdown-text-hover: #90EE90;
    --green-border: #90EE90;

    /* Pink Theme */
    --pink-bg: #FFC0CB;
    --pink-bg-rgb: 255, 192, 203;
    --pink-nav: #ffffff;
    --pink-text: #333333;
    --pink-link: #FFE4E1;
    --pink-link-hover: #FFC0CB;
    --pink-nav-bg: #ffffff;
    --pink-nav-hover: #f0f0f0;
    --pink-dropdown-bg: #ffffff;
    --pink-dropdown-hover: #f0f0f0;
    --pink-dropdown-text: #333333;
    --pink-dropdown-text-hover: #FFC0CB;
    --pink-border: #FFC0CB;

    /* Red Theme */
    --red-bg: #FFE4E1;
    --red-bg-rgb: 255, 228, 225;
    --red-nav: #ffffff;
    --red-text: #333333;
    --red-link: #ffffff;
    --red-link-hover: #FFE4E1;
    --red-nav-bg: #ffffff;
    --red-nav-hover: #f0f0f0;
    --red-dropdown-bg: #ffffff;
    --red-dropdown-hover: #f0f0f0;
    --red-dropdown-text: #333333;
    --red-dropdown-text-hover: #FFE4E1;
    --red-border: #FFE4E1;

    /* Purple Theme */
    --purple-bg: #E6E6FA;
    --purple-bg-rgb: 230, 230, 250;
    --purple-nav: #ffffff;
    --purple-text: #333333;
    --purple-link: #E6E6FA;
    --purple-link-hover: #E6E6FA;
    --purple-nav-bg: #ffffff;
    --purple-nav-hover: #f0f0f0;
    --purple-dropdown-bg: #ffffff;
    --purple-dropdown-hover: #f0f0f0;
    --purple-dropdown-text: #333333;
    --purple-dropdown-text-hover: #E6E6FA;
    --purple-border: #E6E6FA;

    /* Yellow Theme */
    --yellow-bg: #FFFFE0;
    --yellow-bg-rgb: 255, 255, 224;
    --yellow-nav: #ffffff;
    --yellow-text: #333333;
    --yellow-link: #0066cc;
    --yellow-link-hover: #FFFFE0;
    --yellow-nav-bg: #ffffff;
    --yellow-nav-hover: #f0f0f0;
    --yellow-dropdown-bg: #ffffff;
    --yellow-dropdown-hover: #f0f0f0;
    --yellow-dropdown-text: #333333;
    --yellow-dropdown-text-hover: #FFFFE0;
    --yellow-border: #FFFFE0;

    /* 8-Bit Theme */
    --8bit-bg: #838383;
    --8bit-bg-rgb: 131, 131, 131;
    --8bit-nav: #ffffff;
    --8bit-text: #333333;
    --8bit-link: #0000FF;
    --8bit-link-hover: #838383;
    --8bit-nav-bg: #ffffff;
    --8bit-nav-hover: #f0f0f0;
    --8bit-dropdown-bg: #ffffff;
    --8bit-dropdown-hover: #f0f0f0;
    --8bit-dropdown-text: #333333;
    --8bit-dropdown-text-hover: #838383;
    --8bit-border: #838383;

    /* Anniversary Theme */
    --anniversary-bg: #FFD700;
    --anniversary-bg-rgb: 255, 215, 0;
    --anniversary-nav: #ffffff;
    --anniversary-text: #333333;
    --anniversary-link: #800080;
    --anniversary-link-hover: #FFD700;
    --anniversary-nav-bg: #ffffff;
    --anniversary-nav-hover: #f0f0f0;
    --anniversary-dropdown-bg: #ffffff;
    --anniversary-dropdown-hover: #f0f0f0;
    --anniversary-dropdown-text: #333333;
    --anniversary-dropdown-text-hover: #FFD700;
    --anniversary-border: #FFD700;

    /* Birthday Theme */
    --birthday-bg: #FFB6C1;
    --birthday-bg-rgb: 255, 182, 193;
    --birthday-nav: #ffffff;
    --birthday-text: #333333;
    --birthday-link: #FF69B4;
    --birthday-link-hover: #FFB6C1;
    --birthday-nav-bg: #ffffff;
    --birthday-nav-hover: #f0f0f0;
    --birthday-dropdown-bg: #ffffff;
    --birthday-dropdown-hover: #f0f0f0;
    --birthday-dropdown-text: #333333;
    --birthday-dropdown-text-hover: #FFB6C1;
    --birthday-border: #FFB6C1;

    /* Chocolate Theme */
    --chocolate-bg: #D2691E;
    --chocolate-bg-rgb: 210, 105, 30;
    --chocolate-nav: #ffffff;
    --chocolate-text: #333333;
    --chocolate-link: #FFD700;
    --chocolate-link-hover: #D2691E;
    --chocolate-nav-bg: #ffffff;
    --chocolate-nav-hover: #f0f0f0;
    --chocolate-dropdown-bg: #ffffff;
    --chocolate-dropdown-hover: #f0f0f0;
    --chocolate-dropdown-text: #333333;
    --chocolate-dropdown-text-hover: #D2691E;
    --chocolate-border: #D2691E;

    /* Christmas Theme */
    --christmas-bg: #228B22;
    --christmas-bg-rgb: 34, 139, 34;
    --christmas-nav: #ffffff;
    --christmas-text: #333333;
    --christmas-link: #FFD700;
    --christmas-link-hover: #228B22;
    --christmas-nav-bg: #ffffff;
    --christmas-nav-hover: #f0f0f0;
    --christmas-dropdown-bg: #ffffff;
    --christmas-dropdown-hover: #f0f0f0;
    --christmas-dropdown-text: #333333;
    --christmas-dropdown-text-hover: #228B22;
    --christmas-border: #228B22;

    /* Cloud Theme */
    --cloud-bg: #F0F8FF;
    --cloud-bg-rgb: 240, 248, 255;
    --cloud-nav: #ffffff;
    --cloud-text: #333333;
    --cloud-link: #4682B4;
    --cloud-link-hover: #F0F8FF;
    --cloud-nav-bg: #ffffff;
    --cloud-nav-hover: #f0f0f0;
    --cloud-dropdown-bg: #ffffff;
    --cloud-dropdown-hover: #f0f0f0;
    --cloud-dropdown-text: #333333;
    --cloud-dropdown-text-hover: #F0F8FF;
    --cloud-border: #F0F8FF;

    /* Disco Theme */
    --disco-bg: #7d3dac;
    --disco-bg-rgb: 75, 0, 130;
    --disco-nav: #ffffff;
    --disco-text: #333333;
    --disco-link: #00FF00;
    --disco-link-hover: #7d3dac;
    --disco-nav-bg: #ffffff;
    --disco-nav-hover: #f0f0f0;
    --disco-dropdown-bg: #ffffff;
    --disco-dropdown-hover: #f0f0f0;
    --disco-dropdown-text: #333333;
    --disco-dropdown-text-hover: #7d3dac;
    --disco-border: #7d3dac;

    /* Faerie Theme */
    --faerie-bg: #FFB6C1;
    --faerie-bg-rgb: 255, 182, 193;
    --faerie-nav: #ffffff;
    --faerie-text: #333333;
    --faerie-link: #FFE4E1;
    --faerie-link-hover: #FFB6C1;
    --faerie-nav-bg: #ffffff;
    --faerie-nav-hover: #f0f0f0;
    --faerie-dropdown-bg: #ffffff;
    --faerie-dropdown-hover: #f0f0f0;
    --faerie-dropdown-text: #333333;
    --faerie-dropdown-text-hover: #FFB6C1;
    --faerie-border: #FFB6C1;

    /* Ghost Theme */
    --ghost-bg: #F8F8FF;
    --ghost-bg-rgb: 248, 248, 255;
    --ghost-nav: #ffffff;
    --ghost-text: #333333;
    --ghost-link: #E6E6FA;
    --ghost-link-hover: #F8F8FF;
    --ghost-nav-bg: #ffffff;
    --ghost-nav-hover: #f0f0f0;
    --ghost-dropdown-bg: #ffffff;
    --ghost-dropdown-hover: #f0f0f0;
    --ghost-dropdown-text: #333333;
    --ghost-dropdown-text-hover: #F8F8FF;
    --ghost-border: #F8F8FF;

    /* Glowing Theme */
    --glowing-bg: #5bff63;
    --glowing-bg-rgb: 0, 0, 0;
    --glowing-nav: #ffffff;
    --glowing-text: #333333;
    --glowing-link: #0000FF;
    --glowing-link-hover: #5bff63;
    --glowing-nav-bg: #ffffff;
    --glowing-nav-hover: #f0f0f0;
    --glowing-dropdown-bg: #ffffff;
    --glowing-dropdown-hover: #f0f0f0;
    --glowing-dropdown-text: #333333;
    --glowing-dropdown-text-hover: #5bff63;
    --glowing-border: #5bff63;

    /* Halloween Theme */
    --halloween-bg: #FFA500;
    --halloween-bg-rgb: 255, 165, 0;
    --halloween-nav: #ffffff;
    --halloween-text: #333333;
    --halloween-link: #FFD700;
    --halloween-link-hover: #FFA500;
    --halloween-nav-bg: #ffffff;
    --halloween-nav-hover: #f0f0f0;
    --halloween-dropdown-bg: #ffffff;
    --halloween-dropdown-hover: #f0f0f0;
    --halloween-dropdown-text: #333333;
    --halloween-dropdown-text-hover: #FFA500;
    --halloween-border: #FFA500;

    /* Island Theme */
    --island-bg: #87CEEB;
    --island-bg-rgb: 135, 206, 235;
    --island-nav: #ffffff;
    --island-text: #333333;
    --island-link: #FFD700;
    --island-link-hover: #87CEEB;
    --island-nav-bg: #ffffff;
    --island-nav-hover: #f0f0f0;
    --island-dropdown-bg: #ffffff;
    --island-dropdown-hover: #f0f0f0;
    --island-dropdown-text: #333333;
    --island-dropdown-text-hover: #87CEEB;
    --island-border: #87CEEB;

    /* Jelly Theme */
    --jelly-bg: #FF69B4;
    --jelly-bg-rgb: 255, 105, 180;
    --jelly-nav: #ffffff;
    --jelly-text: #333333;
    --jelly-link: #FFE4E1;
    --jelly-link-hover: #FF69B4;
    --jelly-nav-bg: #ffffff;
    --jelly-nav-hover: #f0f0f0;
    --jelly-dropdown-bg: #ffffff;
    --jelly-dropdown-hover: #f0f0f0;
    --jelly-dropdown-text: #333333;
    --jelly-dropdown-text-hover: #FF69B4;
    --jelly-border: #FF69B4;

    /* Maraquan Theme */
    --maraquan-bg: #00CED1;
    --maraquan-bg-rgb: 0, 206, 209;
    --maraquan-nav: #ffffff;
    --maraquan-text: #333333;
    --maraquan-link: #FFD700;
    --maraquan-link-hover: #00CED1;
    --maraquan-nav-bg: #ffffff;
    --maraquan-nav-hover: #f0f0f0;
    --maraquan-dropdown-bg: #ffffff;
    --maraquan-dropdown-hover: #f0f0f0;
    --maraquan-dropdown-text: #333333;
    --maraquan-dropdown-text-hover: #00CED1;
    --maraquan-border: #00CED1;

    /* Mutant Theme */
    --mutant-bg: #32CD32;
    --mutant-bg-rgb: 50, 205, 50;
    --mutant-nav: #ffffff;
    --mutant-text: #333333;
    --mutant-link: #FFD700;
    --mutant-link-hover: #32CD32;
    --mutant-nav-bg: #ffffff;
    --mutant-nav-hover: #f0f0f0;
    --mutant-dropdown-bg: #ffffff;
    --mutant-dropdown-hover: #f0f0f0;
    --mutant-dropdown-text: #333333;
    --mutant-dropdown-text-hover: #32CD32;
    --mutant-border: #32CD32;

    /* Picnic Theme */
    --picnic-bg: #FFB6C1;
    --picnic-bg-rgb: 255, 182, 193;
    --picnic-nav: #ffffff;
    --picnic-text: #333333;
    --picnic-link: #FF69B4;
    --picnic-link-hover: #FFB6C1;
    --picnic-nav-bg: #ffffff;
    --picnic-nav-hover: #f0f0f0;
    --picnic-dropdown-bg: #ffffff;
    --picnic-dropdown-hover: #f0f0f0;
    --picnic-dropdown-text: #333333;
    --picnic-dropdown-text-hover: #FFB6C1;
    --picnic-border: #FFB6C1;

    /* Pirate Theme */
    --pirate-bg: #8B4513;
    --pirate-bg-rgb: 139, 69, 19;
    --pirate-nav: #ffffff;
    --pirate-text: #333333;
    --pirate-link: #FFD700;
    --pirate-link-hover: #8B4513;
    --pirate-nav-bg: #ffffff;
    --pirate-nav-hover: #f0f0f0;
    --pirate-dropdown-bg: #ffffff;
    --pirate-dropdown-hover: #f0f0f0;
    --pirate-dropdown-text: #333333;
    --pirate-dropdown-text-hover: #8B4513;
    --pirate-border: #8B4513;

    /* Plushie Theme */
    --plushie-bg: #FFB6C1;
    --plushie-bg-rgb: 255, 182, 193;
    --plushie-nav: #ffffff;
    --plushie-text: #333333;
    --plushie-link: #FFE4E1;
    --plushie-link-hover: #FFB6C1;
    --plushie-nav-bg: #ffffff;
    --plushie-nav-hover: #f0f0f0;
    --plushie-dropdown-bg: #ffffff;
    --plushie-dropdown-hover: #f0f0f0;
    --plushie-dropdown-text: #333333;
    --plushie-dropdown-text-hover: #FFB6C1;
    --plushie-border: #FFB6C1;

    /* Rainbow Theme */
    --rainbow-bg: #FF0000;
    --rainbow-bg-rgb: 255, 0, 0;
    --rainbow-nav: #ffffff;
    --rainbow-text: #333333;
    --rainbow-link: #FFFF00;
    --rainbow-link-hover: #FF0000;
    --rainbow-nav-bg: #ffffff;
    --rainbow-nav-hover: #f0f0f0;
    --rainbow-dropdown-bg: #ffffff;
    --rainbow-dropdown-hover: #f0f0f0;
    --rainbow-dropdown-text: #333333;
    --rainbow-dropdown-text-hover: #FF0000;
    --rainbow-border: #FF0000;

    /* Robot Theme */
    --robot-bg: #C0C0C0;
    --robot-bg-rgb: 192, 192, 192;
    --robot-nav: #ffffff;
    --robot-text: #333333;
    --robot-link: #FFD700;
    --robot-link-hover: #C0C0C0;
    --robot-nav-bg: #ffffff;
    --robot-nav-hover: #f0f0f0;
    --robot-dropdown-bg: #ffffff;
    --robot-dropdown-hover: #f0f0f0;
    --robot-dropdown-text: #333333;
    --robot-dropdown-text-hover: #C0C0C0;
    --robot-border: #C0C0C0;

    /* Royal Theme */
    --royal-bg: #4169E1;
    --royal-bg-rgb: 65, 105, 225;
    --royal-nav: #ffffff;
    --royal-text: #333333;
    --royal-link: #FFD700;
    --royal-link-hover: #4169E1;
    --royal-nav-bg: #ffffff;
    --royal-nav-hover: #f0f0f0;
    --royal-dropdown-bg: #ffffff;
    --royal-dropdown-hover: #f0f0f0;
    --royal-dropdown-text: #333333;
    --royal-dropdown-text-hover: #4169E1;
    --royal-border: #4169E1;

    /* Sad Theme */
    --sad-bg: #708090;
    --sad-bg-rgb: 112, 128, 144;
    --sad-nav: #ffffff;
    --sad-text: #333333;
    --sad-link: #B0C4DE;
    --sad-link-hover: #708090;
    --sad-nav-bg: #ffffff;
    --sad-nav-hover: #f0f0f0;
    --sad-dropdown-bg: #ffffff;
    --sad-dropdown-hover: #f0f0f0;
    --sad-dropdown-text: #333333;
    --sad-dropdown-text-hover: #708090;
    --sad-border: #708090;

    /* Snow Theme */
    --snow-bg: #F0F8FF;
    --snow-bg-rgb: 240, 248, 255;
    --snow-nav: #ffffff;
    --snow-text: #333333;
    --snow-link: #4682B4;
    --snow-link-hover: #F0F8FF;
    --snow-nav-bg: #ffffff;
    --snow-nav-hover: #f0f0f0;
    --snow-dropdown-bg: #ffffff;
    --snow-dropdown-hover: #f0f0f0;
    --snow-dropdown-text: #333333;
    --snow-dropdown-text-hover: #F0F8FF;
    --snow-border: #F0F8FF;

    /* Spotted Theme */
    --spotted-bg: #FFD700;
    --spotted-bg-rgb: 255, 215, 0;
    --spotted-nav: #ffffff;
    --spotted-text: #333333;
    --spotted-link: #FFD700;
    --spotted-link-hover: #FFD700;
    --spotted-nav-bg: #ffffff;
    --spotted-nav-hover: #f0f0f0;
    --spotted-dropdown-bg: #ffffff;
    --spotted-dropdown-hover: #f0f0f0;
    --spotted-dropdown-text: #333333;
    --spotted-dropdown-text-hover: #FFD700;
    --spotted-border: #FFD700;

    /* Tyrannian Theme */
    --tyrannian-bg: #8B4513;
    --tyrannian-bg-rgb: 139, 69, 19;
    --tyrannian-nav: #ffffff;
    --tyrannian-text: #333333;
    --tyrannian-link: #FFD700;
    --tyrannian-link-hover: #8B4513;
    --tyrannian-nav-bg: #ffffff;
    --tyrannian-nav-hover: #f0f0f0;
    --tyrannian-dropdown-bg: #ffffff;
    --tyrannian-dropdown-hover: #f0f0f0;
    --tyrannian-dropdown-text: #333333;
    --tyrannian-dropdown-text-hover: #8B4513;
    --tyrannian-border: #8B4513;

    /* Valentine Theme */
    --valentine-bg: #FFB6C1;
    --valentine-bg-rgb: 255, 182, 193;
    --valentine-nav: #ffffff;
    --valentine-text: #333333;
    --valentine-link: #FFE4E1;
    --valentine-link-hover: #FFB6C1;
    --valentine-nav-bg: #ffffff;
    --valentine-nav-hover: #f0f0f0;
    --valentine-dropdown-bg: #ffffff;
    --valentine-dropdown-hover: #f0f0f0;
    --valentine-dropdown-text: #333333;
    --valentine-dropdown-text-hover: #FFB6C1;
    --valentine-border: #FFB6C1;
}

/* Theme-specific styles */
body.theme-default {
    --nav-bg: var(--default-nav-bg);
    --nav-hover: var(--default-nav-hover);
    --text-color: var(--default-text);
    --link-color: var(--default-link);
    --link-hover: var(--default-link-hover);
    --dropdown-bg: var(--default-dropdown-bg);
    --dropdown-hover: var(--default-dropdown-hover);
    --dropdown-text: var(--default-dropdown-text);
    --dropdown-text-hover: var(--default-dropdown-text-hover);
    --border-color: var(--default-border);
    --theme-bg: var(--default-bg-rgb);
}

body.theme-dark {
    --nav-bg: var(--dark-nav-bg);
    --nav-hover: var(--dark-nav-hover);
    --text-color: var(--dark-text);
    --link-color: var(--dark-link);
    --link-hover: var(--dark-link-hover);
    --dropdown-bg: var(--dark-dropdown-bg);
    --dropdown-hover: var(--dark-dropdown-hover);
    --dropdown-text: var(--dark-dropdown-text);
    --dropdown-text-hover: var(--dark-dropdown-text-hover);
    --border-color: var(--dark-border);
    --theme-bg: var(--dark-bg-rgb);
}

body.theme-light {
    --nav-bg: var(--light-nav-bg);
    --nav-hover: var(--light-nav-hover);
    --text-color: var(--light-text);
    --link-color: var(--light-link);
    --link-hover: var(--light-link-hover);
    --dropdown-bg: var(--light-dropdown-bg);
    --dropdown-hover: var(--light-dropdown-hover);
    --dropdown-text: var(--light-dropdown-text);
    --dropdown-text-hover: var(--light-dropdown-text-hover);
    --border-color: var(--light-border);
}

body.theme-brown {
    --nav-bg: var(--brown-nav-bg);
    --nav-hover: var(--brown-nav-hover);
    --text-color: var(--brown-text);
    --link-color: var(--brown-link);
    --link-hover: var(--brown-link-hover);
    --dropdown-bg: var(--brown-dropdown-bg);
    --dropdown-hover: var(--brown-dropdown-hover);
    --dropdown-text: var(--brown-dropdown-text);
    --dropdown-text-hover: var(--brown-dropdown-text-hover);
    --border-color: var(--brown-border);
}

body.theme-green {
    --nav-bg: var(--green-nav-bg);
    --nav-hover: var(--green-nav-hover);
    --text-color: var(--green-text);
    --link-color: var(--green-link);
    --link-hover: var(--green-link-hover);
    --dropdown-bg: var(--green-dropdown-bg);
    --dropdown-hover: var(--green-dropdown-hover);
    --dropdown-text: var(--green-dropdown-text);
    --dropdown-text-hover: var(--green-dropdown-text-hover);
    --border-color: var(--green-border);
}

body.theme-pink {
    --nav-bg: var(--pink-nav-bg);
    --nav-hover: var(--pink-nav-hover);
    --text-color: var(--pink-text);
    --link-color: var(--pink-link);
    --link-hover: var(--pink-link-hover);
    --dropdown-bg: var(--pink-dropdown-bg);
    --dropdown-hover: var(--pink-dropdown-hover);
    --dropdown-text: var(--pink-dropdown-text);
    --dropdown-text-hover: var(--pink-dropdown-text-hover);
    --border-color: var(--pink-border);
}

body.theme-red {
    --nav-bg: var(--red-nav-bg);
    --nav-hover: var(--red-nav-hover);
    --text-color: var(--red-text);
    --link-color: var(--red-link);
    --link-hover: var(--red-link-hover);
    --dropdown-bg: var(--red-dropdown-bg);
    --dropdown-hover: var(--red-dropdown-hover);
    --dropdown-text: var(--red-dropdown-text);
    --dropdown-text-hover: var(--red-dropdown-text-hover);
    --border-color: var(--red-border);
}

body.theme-purple {
    --nav-bg: var(--purple-nav-bg);
    --nav-hover: var(--purple-nav-hover);
    --text-color: var(--purple-text);
    --link-color: var(--purple-link);
    --link-hover: var(--purple-link-hover);
    --dropdown-bg: var(--purple-dropdown-bg);
    --dropdown-hover: var(--purple-dropdown-hover);
    --dropdown-text: var(--purple-dropdown-text);
    --dropdown-text-hover: var(--purple-dropdown-text-hover);
    --border-color: var(--purple-border);
}

body.theme-yellow {
    --nav-bg: var(--yellow-nav-bg);
    --nav-hover: var(--yellow-nav-hover);
    --text-color: var(--yellow-text);
    --link-color: var(--yellow-link);
    --link-hover: var(--yellow-link-hover);
    --dropdown-bg: var(--yellow-dropdown-bg);
    --dropdown-hover: var(--yellow-dropdown-hover);
    --dropdown-text: var(--yellow-dropdown-text);
    --dropdown-text-hover: var(--yellow-dropdown-text-hover);
    --border-color: var(--yellow-border);
}

body.theme-8bit {
    --nav-bg: var(--8bit-nav-bg);
    --nav-hover: var(--8bit-nav-hover);
    --text-color: var(--8bit-text);
    --link-color: var(--8bit-link);
    --link-hover: var(--8bit-link-hover);
    --dropdown-bg: var(--8bit-dropdown-bg);
    --dropdown-hover: var(--8bit-dropdown-hover);
    --dropdown-text: var(--8bit-dropdown-text);
    --dropdown-text-hover: var(--8bit-dropdown-text-hover);
    --border-color: var(--8bit-border);
}

body.theme-anniversary {
    --nav-bg: var(--anniversary-nav-bg);
    --nav-hover: var(--anniversary-nav-hover);
    --text-color: var(--anniversary-text);
    --link-color: var(--anniversary-link);
    --link-hover: var(--anniversary-link-hover);
    --dropdown-bg: var(--anniversary-dropdown-bg);
    --dropdown-hover: var(--anniversary-dropdown-hover);
    --dropdown-text: var(--anniversary-dropdown-text);
    --dropdown-text-hover: var(--anniversary-dropdown-text-hover);
    --border-color: var(--anniversary-border);
}

body.theme-birthday {
    --nav-bg: var(--birthday-nav-bg);
    --nav-hover: var(--birthday-nav-hover);
    --text-color: var(--birthday-text);
    --link-color: var(--birthday-link);
    --link-hover: var(--birthday-link-hover);
    --dropdown-bg: var(--birthday-dropdown-bg);
    --dropdown-hover: var(--birthday-dropdown-hover);
    --dropdown-text: var(--birthday-dropdown-text);
    --dropdown-text-hover: var(--birthday-dropdown-text-hover);
    --border-color: var(--birthday-border);
}

body.theme-chocolate {
    --nav-bg: var(--chocolate-nav-bg);
    --nav-hover: var(--chocolate-nav-hover);
    --text-color: var(--chocolate-text);
    --link-color: var(--chocolate-link);
    --link-hover: var(--chocolate-link-hover);
    --dropdown-bg: var(--chocolate-dropdown-bg);
    --dropdown-hover: var(--chocolate-dropdown-hover);
    --dropdown-text: var(--chocolate-dropdown-text);
    --dropdown-text-hover: var(--chocolate-dropdown-text-hover);
    --border-color: var(--chocolate-border);
}

body.theme-christmas {
    --nav-bg: var(--christmas-nav-bg);
    --nav-hover: var(--christmas-nav-hover);
    --text-color: var(--christmas-text);
    --link-color: var(--christmas-link);
    --link-hover: var(--christmas-link-hover);
    --dropdown-bg: var(--christmas-dropdown-bg);
    --dropdown-hover: var(--christmas-dropdown-hover);
    --dropdown-text: var(--christmas-dropdown-text);
    --dropdown-text-hover: var(--christmas-dropdown-text-hover);
    --border-color: var(--christmas-border);
}

body.theme-cloud {
    --nav-bg: var(--cloud-nav-bg);
    --nav-hover: var(--cloud-nav-hover);
    --text-color: var(--cloud-text);
    --link-color: var(--cloud-link);
    --link-hover: var(--cloud-link-hover);
    --dropdown-bg: var(--cloud-dropdown-bg);
    --dropdown-hover: var(--cloud-dropdown-hover);
    --dropdown-text: var(--cloud-dropdown-text);
    --dropdown-text-hover: var(--cloud-dropdown-text-hover);
    --border-color: var(--cloud-border);
}

body.theme-disco {
    --nav-bg: var(--disco-nav-bg);
    --nav-hover: var(--disco-nav-hover);
    --text-color: var(--disco-text);
    --link-color: var(--disco-link);
    --link-hover: var(--disco-link-hover);
    --dropdown-bg: var(--disco-dropdown-bg);
    --dropdown-hover: var(--disco-dropdown-hover);
    --dropdown-text: var(--disco-dropdown-text);
    --dropdown-text-hover: var(--disco-dropdown-text-hover);
    --border-color: var(--disco-border);
}

body.theme-faerie {
    --nav-bg: var(--faerie-nav-bg);
    --nav-hover: var(--faerie-nav-hover);
    --text-color: var(--faerie-text);
    --link-color: var(--faerie-link);
    --link-hover: var(--faerie-link-hover);
    --dropdown-bg: var(--faerie-dropdown-bg);
    --dropdown-hover: var(--faerie-dropdown-hover);
    --dropdown-text: var(--faerie-dropdown-text);
    --dropdown-text-hover: var(--faerie-dropdown-text-hover);
    --border-color: var(--faerie-border);
}

body.theme-ghost {
    --nav-bg: var(--ghost-nav-bg);
    --nav-hover: var(--ghost-nav-hover);
    --text-color: var(--ghost-text);
    --link-color: var(--ghost-link);
    --link-hover: var(--ghost-link-hover);
    --dropdown-bg: var(--ghost-dropdown-bg);
    --dropdown-hover: var(--ghost-dropdown-hover);
    --dropdown-text: var(--ghost-dropdown-text);
    --dropdown-text-hover: var(--ghost-dropdown-text-hover);
    --border-color: var(--ghost-border);
}

body.theme-glowing {
    --nav-bg: var(--glowing-nav-bg);
    --nav-hover: var(--glowing-nav-hover);
    --text-color: var(--glowing-text);
    --link-color: var(--glowing-link);
    --link-hover: var(--glowing-link-hover);
    --dropdown-bg: var(--glowing-dropdown-bg);
    --dropdown-hover: var(--glowing-dropdown-hover);
    --dropdown-text: var(--glowing-dropdown-text);
    --dropdown-text-hover: var(--glowing-dropdown-text-hover);
    --border-color: var(--glowing-border);
}

body.theme-halloween {
    --nav-bg: var(--halloween-nav-bg);
    --nav-hover: var(--halloween-nav-hover);
    --text-color: var(--halloween-text);
    --link-color: var(--halloween-link);
    --link-hover: var(--halloween-link-hover);
    --dropdown-bg: var(--halloween-dropdown-bg);
    --dropdown-hover: var(--halloween-dropdown-hover);
    --dropdown-text: var(--halloween-dropdown-text);
    --dropdown-text-hover: var(--halloween-dropdown-text-hover);
    --border-color: var(--halloween-border);
}

body.theme-island {
    --nav-bg: var(--island-nav-bg);
    --nav-hover: var(--island-nav-hover);
    --text-color: var(--island-text);
    --link-color: var(--island-link);
    --link-hover: var(--island-link-hover);
    --dropdown-bg: var(--island-dropdown-bg);
    --dropdown-hover: var(--island-dropdown-hover);
    --dropdown-text: var(--island-dropdown-text);
    --dropdown-text-hover: var(--island-dropdown-text-hover);
    --border-color: var(--island-border);
}

body.theme-jelly {
    --nav-bg: var(--jelly-nav-bg);
    --nav-hover: var(--jelly-nav-hover);
    --text-color: var(--jelly-text);
    --link-color: var(--jelly-link);
    --link-hover: var(--jelly-link-hover);
    --dropdown-bg: var(--jelly-dropdown-bg);
    --dropdown-hover: var(--jelly-dropdown-hover);
    --dropdown-text: var(--jelly-dropdown-text);
    --dropdown-text-hover: var(--jelly-dropdown-text-hover);
    --border-color: var(--jelly-border);
}

body.theme-maraquan {
    --nav-bg: var(--maraquan-nav-bg);
    --nav-hover: var(--maraquan-nav-hover);
    --text-color: var(--maraquan-text);
    --link-color: var(--maraquan-link);
    --link-hover: var(--maraquan-link-hover);
    --dropdown-bg: var(--maraquan-dropdown-bg);
    --dropdown-hover: var(--maraquan-dropdown-hover);
    --dropdown-text: var(--maraquan-dropdown-text);
    --dropdown-text-hover: var(--maraquan-dropdown-text-hover);
    --border-color: var(--maraquan-border);
}

body.theme-mutant {
    --nav-bg: var(--mutant-nav-bg);
    --nav-hover: var(--mutant-nav-hover);
    --text-color: var(--mutant-text);
    --link-color: var(--mutant-link);
    --link-hover: var(--mutant-link-hover);
    --dropdown-bg: var(--mutant-dropdown-bg);
    --dropdown-hover: var(--mutant-dropdown-hover);
    --dropdown-text: var(--mutant-dropdown-text);
    --dropdown-text-hover: var(--mutant-dropdown-text-hover);
    --border-color: var(--mutant-border);
}

body.theme-picnic {
    --nav-bg: var(--picnic-nav-bg);
    --nav-hover: var(--picnic-nav-hover);
    --text-color: var(--picnic-text);
    --link-color: var(--picnic-link);
    --link-hover: var(--picnic-link-hover);
    --dropdown-bg: var(--picnic-dropdown-bg);
    --dropdown-hover: var(--picnic-dropdown-hover);
    --dropdown-text: var(--picnic-dropdown-text);
    --dropdown-text-hover: var(--picnic-dropdown-text-hover);
    --border-color: var(--picnic-border);
}

body.theme-pirate {
    --nav-bg: var(--pirate-nav-bg);
    --nav-hover: var(--pirate-nav-hover);
    --text-color: var(--pirate-text);
    --link-color: var(--pirate-link);
    --link-hover: var(--pirate-link-hover);
    --dropdown-bg: var(--pirate-dropdown-bg);
    --dropdown-hover: var(--pirate-dropdown-hover);
    --dropdown-text: var(--pirate-dropdown-text);
    --dropdown-text-hover: var(--pirate-dropdown-text-hover);
    --border-color: var(--pirate-border);
}

body.theme-plushie {
    --nav-bg: var(--plushie-nav-bg);
    --nav-hover: var(--plushie-nav-hover);
    --text-color: var(--plushie-text);
    --link-color: var(--plushie-link);
    --link-hover: var(--plushie-link-hover);
    --dropdown-bg: var(--plushie-dropdown-bg);
    --dropdown-hover: var(--plushie-dropdown-hover);
    --dropdown-text: var(--plushie-dropdown-text);
    --dropdown-text-hover: var(--plushie-dropdown-text-hover);
    --border-color: var(--plushie-border);
}

body.theme-rainbow {
    --nav-bg: var(--rainbow-nav-bg);
    --nav-hover: var(--rainbow-nav-hover);
    --text-color: var(--rainbow-text);
    --link-color: var(--rainbow-link);
    --link-hover: var(--rainbow-link-hover);
    --dropdown-bg: var(--rainbow-dropdown-bg);
    --dropdown-hover: var(--rainbow-dropdown-hover);
    --dropdown-text: var(--rainbow-dropdown-text);
    --dropdown-text-hover: var(--rainbow-dropdown-text-hover);
}

body.theme-robot {
    --nav-bg: var(--robot-nav-bg);
    --nav-hover: var(--robot-nav-hover);
    --text-color: var(--robot-text);
    --link-color: var(--robot-link);
    --link-hover: var(--robot-link-hover);
    --dropdown-bg: var(--robot-dropdown-bg);
    --dropdown-hover: var(--robot-dropdown-hover);
    --dropdown-text: var(--robot-dropdown-text);
    --dropdown-text-hover: var(--robot-dropdown-text-hover);
}

body.theme-royal {
    --nav-bg: var(--royal-nav-bg);
    --nav-hover: var(--royal-nav-hover);
    --text-color: var(--royal-text);
    --link-color: var(--royal-link);
    --link-hover: var(--royal-link-hover);
    --dropdown-bg: var(--royal-dropdown-bg);
    --dropdown-hover: var(--royal-dropdown-hover);
    --dropdown-text: var(--royal-dropdown-text);
    --dropdown-text-hover: var(--royal-dropdown-text-hover);
}

body.theme-sad {
    --nav-bg: var(--sad-nav-bg);
    --nav-hover: var(--sad-nav-hover);
    --text-color: var(--sad-text);
    --link-color: var(--sad-link);
    --link-hover: var(--sad-link-hover);
    --dropdown-bg: var(--sad-dropdown-bg);
    --dropdown-hover: var(--sad-dropdown-hover);
    --dropdown-text: var(--sad-dropdown-text);
    --dropdown-text-hover: var(--sad-dropdown-text-hover);
}

body.theme-snow {
    --nav-bg: var(--snow-nav-bg);
    --nav-hover: var(--snow-nav-hover);
    --text-color: var(--snow-text);
    --link-color: var(--snow-link);
    --link-hover: var(--snow-link-hover);
    --dropdown-bg: var(--snow-dropdown-bg);
    --dropdown-hover: var(--snow-dropdown-hover);
    --dropdown-text: var(--snow-dropdown-text);
    --dropdown-text-hover: var(--snow-dropdown-text-hover);
}

body.theme-spotted {
    --nav-bg: var(--spotted-nav-bg);
    --nav-hover: var(--spotted-nav-hover);
    --text-color: var(--spotted-text);
    --link-color: var(--spotted-link);
    --link-hover: var(--spotted-link-hover);
    --dropdown-bg: var(--spotted-dropdown-bg);
    --dropdown-hover: var(--spotted-dropdown-hover);
    --dropdown-text: var(--spotted-dropdown-text);
    --dropdown-text-hover: var(--spotted-dropdown-text-hover);
}

body.theme-tyrannian {
    --nav-bg: var(--tyrannian-nav-bg);
    --nav-hover: var(--tyrannian-nav-hover);
    --text-color: var(--tyrannian-text);
    --link-color: var(--tyrannian-link);
    --link-hover: var(--tyrannian-link-hover);
    --dropdown-bg: var(--tyrannian-dropdown-bg);
    --dropdown-hover: var(--tyrannian-dropdown-hover);
    --dropdown-text: var(--tyrannian-dropdown-text);
    --dropdown-text-hover: var(--tyrannian-dropdown-text-hover);
}

body.theme-valentine {
    --nav-bg: var(--valentine-nav-bg);
    --nav-hover: var(--valentine-nav-hover);
    --text-color: var(--valentine-text);
    --link-color: var(--valentine-link);
    --link-hover: var(--valentine-link-hover);
    --dropdown-bg: var(--valentine-dropdown-bg);
    --dropdown-hover: var(--valentine-dropdown-hover);
    --dropdown-text: var(--valentine-dropdown-text);
    --dropdown-text-hover: var(--valentine-dropdown-text-hover);
}

/* Dropdown styles */
.ph-dropdown-content {
    background-color: var(--dropdown-bg);
    border: 1px solid var(--border-color);
}

.ph-dropdown-content a {
    color: var(--dropdown-text);
}

.ph-dropdown-content a:hover {
    background-color: var(--dropdown-hover);
    color: var(--dropdown-text-hover);
}