#dark-toggle {
        display: none;
    }

    /* Default light mode */
    body {
        background: white;
        color: black;
    }

    /* Dark mode when checkbox is checked */
    #dark-toggle:checked ~ * {
        filter: invert(1) hue-rotate(180deg);
    }

    /* Toggle button styling */
    .toggle-label {
        cursor: pointer;
        padding: 8px;
        border-radius: 6px;
        background: #f3f4f6;
    }