:root {
    --bc-body-bg: #ffffff;
    --bc-body-text: #212529;
    --bc-sidebar-grad-start: rgb(5, 39, 103);
    --bc-sidebar-grad-end: #3a0647;
    --bc-topbar-bg: #f7f7f7;
    --bc-topbar-border: #d6d5d5;
    --bc-topbar-text: #212529;
    --bc-link: #006bb7;
    --bc-btn-bg: #1b6ec2;
    --bc-btn-border: #1861ac;
    --bc-btn-text: #fff;
    --bc-input-bg: #ffffff;
    --bc-input-text: #212529;
    --bc-input-border: #ced4da;
    --bc-table-border: #dee2e6;
}

html, body {
    background-color: var(--bc-body-bg);
    color: var(--bc-body-text);
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Midnight Neon */
html[data-theme="midnight-neon"] {
    --bc-body-bg: #05060a;
    --bc-body-text: #e8f7ff;
    --bc-sidebar-grad-start: #120136;
    --bc-sidebar-grad-end: #0d7377;
    --bc-topbar-bg: #0f1220;
    --bc-topbar-border: #2a2f45;
    --bc-topbar-text: #e8f7ff;
    --bc-link: #00e5ff;
    --bc-btn-bg: #7b2ff7;
    --bc-btn-border: #00e5ff;
    --bc-btn-text: #fff;
    --bc-input-bg: #10131f;
    --bc-input-text: #e8f7ff;
    --bc-input-border: #2a2f45;
    --bc-table-border: #2a2f45;
}

/* Sunset Blaze */
html[data-theme="sunset-blaze"] {
    --bc-body-bg: #1f1017;
    --bc-body-text: #ffe9d6;
    --bc-sidebar-grad-start: #ff512f;
    --bc-sidebar-grad-end: #dd2476;
    --bc-topbar-bg: #2b1420;
    --bc-topbar-border: #4a1f30;
    --bc-topbar-text: #ffe9d6;
    --bc-link: #ff7a59;
    --bc-btn-bg: #ff512f;
    --bc-btn-border: #dd2476;
    --bc-btn-text: #fff;
    --bc-input-bg: #2b1420;
    --bc-input-text: #ffe9d6;
    --bc-input-border: #4a1f30;
    --bc-table-border: #4a1f30;
}

/* Ocean Breeze */
html[data-theme="ocean-breeze"] {
    --bc-body-bg: #f0f9ff;
    --bc-body-text: #063a52;
    --bc-sidebar-grad-start: #0575e6;
    --bc-sidebar-grad-end: #00b09b;
    --bc-topbar-bg: #e3f6fd;
    --bc-topbar-border: #bfe9f7;
    --bc-topbar-text: #063a52;
    --bc-link: #0575e6;
    --bc-btn-bg: #0575e6;
    --bc-btn-border: #045d9f;
    --bc-btn-text: #fff;
    --bc-input-bg: #ffffff;
    --bc-input-text: #063a52;
    --bc-input-border: #bfe9f7;
    --bc-table-border: #bfe9f7;
}

/* Emerald Forest */
html[data-theme="emerald-forest"] {
    --bc-body-bg: #0b1f14;
    --bc-body-text: #d9f5e3;
    --bc-sidebar-grad-start: #1b4332;
    --bc-sidebar-grad-end: #081c15;
    --bc-topbar-bg: #0f2a1c;
    --bc-topbar-border: #1b4332;
    --bc-topbar-text: #d9f5e3;
    --bc-link: #52b788;
    --bc-btn-bg: #2d6a4f;
    --bc-btn-border: #d4af37;
    --bc-btn-text: #fff;
    --bc-input-bg: #0f2a1c;
    --bc-input-text: #d9f5e3;
    --bc-input-border: #1b4332;
    --bc-table-border: #1b4332;
}

/* Royal Gold */
html[data-theme="royal-gold"] {
    --bc-body-bg: #14111f;
    --bc-body-text: #f5e6c8;
    --bc-sidebar-grad-start: #1a1330;
    --bc-sidebar-grad-end: #3a0ca3;
    --bc-topbar-bg: #1c1730;
    --bc-topbar-border: #3a0ca3;
    --bc-topbar-text: #f5e6c8;
    --bc-link: #ffd166;
    --bc-btn-bg: #7209b7;
    --bc-btn-border: #ffd166;
    --bc-btn-text: #fff;
    --bc-input-bg: #1c1730;
    --bc-input-text: #f5e6c8;
    --bc-input-border: #3a0ca3;
    --bc-table-border: #3a0ca3;
}