@media (prefers-color-scheme : dark) {
    :root {
        /* Default dark theme colors */
        --bg-color: #000000;
        --text-color: #FFFFFF;
        --text-color-light: #AAAAAA;
        --link-color: #30E7FF;
        --link-hover-color: #FF60FE;

        /* Logo SVG colors */
        --logo-bg-color: #00000000;
        --logo-shadow-color: #000000;
        --logo-top-color: #30E7FF;
        --logo-bottom-color: #FF60FF;

        /* Header colors */
        --header-bg-color: #207A86;
        --header-subhead-bg-color: #0A363B;
        --header-text-color: #FFFFFF;
        --header-subhead-text-color: #FFFFFF;
        --header-border-color: #30E7FF;
        --header-shadow-color: #30E7FF38;

        /* Error colors */
        --error-bg-color: #880000;
        --error-text-color: #FFFFFF;

        /* Sidebar colors */
        --sidebar-bg-color: #000000;
        --sidebar-text-color: #FFFFFF;
        --sidebar-border-color: #30E7FF;
        --sidebar-shadow-color-light: #FF60FE3F;
        --sidebar-shadow-color-dark: #FF60FE38;
        --sidebar-button-bg-color: #8B2E8B;
        --sidebar-button-text-color: #FFFFFF;
        --sidebar-button-border-color: #30E7FF;
        --sidebar-button-header-bg-color: #8B2E8B;
        --sidebar-button-header-text-color: #FFFFFF;

        /* Footer colors */
        --footer-bg-color: #207A86;
        --footer-text-color: #FFFFFF;
        --footer-border-color: #30E7FF;
        --footer-shadow-color: #30E7FF38;

        /* Main content colors */
        --pagecontent-border-color: #30E7FF;
        --pagecontent-bg-color: #08252BDD;

        /* Transparent Highlighting */
        --highlight-bg-color: #FF60FF33;
        --highlight-border-color: #FF60FF77;
    }
}

@media (prefers-color-scheme : light) {
    :root {
        /* Default dark theme colors */
        --bg-color: #000000;
        --text-color: #FFFFFF;
        --text-color-light: #AAAAAA;
        --link-color: #30E7FF;
        --link-hover-color: #FF60FE;

        /* Logo SVG colors */
        --logo-bg-color: #00000000;
        --logo-shadow-color: #000000;
        --logo-top-color: #30E7FF;
        --logo-bottom-color: #FF60FF;

        /* Header colors */
        --header-bg-color: #207A86;
        --header-subhead-bg-color: #0A363B;
        --header-text-color: #FFFFFF;
        --header-subhead-text-color: #FFFFFF;
        --header-border-color: #30E7FF;
        --header-shadow-color: #30E7FF38;

        /* Error colors */
        --error-bg-color: #880000;
        --error-text-color: #FFFFFF;

        /* Sidebar colors */
        --sidebar-bg-color: #000000;
        --sidebar-text-color: #FFFFFF;
        --sidebar-border-color: #FF60FE;
        --sidebar-shadow-color-light: #FF60FE3F;
        --sidebar-shadow-color-dark: #FF60FE38;
        --sidebar-button-bg-color: #8B2E8B;
        --sidebar-button-text-color: #FFFFFF;
        --sidebar-button-border-color: #30E7FF;
        --sidebar-button-header-bg-color: #207A86;
        --sidebar-button-header-text-color: #FFFFFF;

        /* Footer colors */
        --footer-bg-color: #207A86;
        --footer-text-color: #FFFFFF;
        --footer-border-color: #30E7FF;
        --footer-shadow-color: #30E7FF38;

        /* Main content colors */
        --pagecontent-border-color: #30E7FF;
        --pagecontent-bg-color: #08252BDD;

        /* Transparent Highlighting */
        --highlight-bg-color: #FF60FF33;
        --highlight-border-color: #FF60FF77;
    }
}