/*--------------------------------------------------------------
# GP Dark Mode Styles (Corrected)
--------------------------------------------------------------*/
@media (prefers-color-scheme: dark) {

    /* --- General Elements --- */

    body {
        background-color: #121212;
        color: #e0e0e0;
    }

    /* --- Links --- */

    a,
    a:visited {
        color: #90caf9; /* A lighter, more distinct blue for links */
        text-decoration: none;
    }

    a:hover,
    a:focus {
        color: #bbdefb; /* A slightly brighter blue on hover */
        text-decoration: underline; /* Add underline for clear feedback */
    }

    /* --- Headings --- */

    h1, h2, h3, h4, h5, h6 {
        color: #e0e0e0;
    }

    /* --- Header --- */

    .site-header {
        background-color: #121212;
        color: #e0e0e0;
    }

    /* --- Forms & Buttons --- */

    input[type="text"],
    input[type="email"],
    input[type="url"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="number"],
    textarea,
    select {
        background-color: #1e1e1e;
        color: #e0e0e0;
        border-color: #333;
    }

    button,
    html input[type="button"],
    input[type="reset"],
    input[type="submit"],
    .button,
    .wp-block-button__link {
        background-color: #bb86fc;
        color: #121212;
    }

    button:hover,
    html input[type="button"]:hover,
    input[type="reset"]:hover,
    input[type="submit"]:hover,
    .button:hover,
    .wp-block-button__link:hover {
        background-color: #3700b3;
        color: #e0e0e0;
    }

    /* --- Navigation --- */

    .main-navigation,
    .main-navigation ul ul {
        background-color: #1e1e1e;
    }

    .main-navigation .main-nav ul li a {
        color: #e0e0e0;
    }

    .main-navigation .main-nav ul li:hover > a,
    .main-navigation .main-nav ul li.sfHover > a,
    .main-navigation .main-nav ul li.current-menu-item > a,
    .main-navigation .main-nav ul li.current-menu-ancestor > a {
        color: #121212;
        background-color: #90caf9; /* Match the new link color */
    }

    /* --- Content --- */
    
    /*
    .separate-containers .inside-article,
    .one-container .site-content {
        background-color: #1e1e1e;
        color: #e0e0e0;
    }
    */

    /* --- Content, Sidebars, and Containers --- */
    .separate-containers .inside-article,
    .separate-containers .comments-area,
    .separate-containers .page-header,
    .separate-containers .paging-navigation,
    .one-container .site-content,
    .sidebar .widget,
    .page-header {
        background-color: #1e1e1e;
        color: #e0e0e0;
        border-color: #333; /* For elements with borders */
    }

    .entry-title a {
        color: #e0e0e0;
    }

    .entry-title a:hover {
        color: #90caf9; /* Match the new link color */
    }

    /* --- Widgets --- */

    .sidebar .widget {
        background-color: #1e1e1e;
        color: #e0e0e0;
    }

    .sidebar .widget .widget-title {
        color: #e0e0e0;
    }

    /* --- Footer --- */

    .site-footer {
        background-color: #1e1e1e;
        color: #e0e0e0;
    }

    /* -- Jetpack -- */
    .entry-meta a {
        color: #909090;
    }
}