/* Dark Mode Colors */
body.dark-mode {
    --rem-white: #121212;      /* Background becomes Dark */
    --rem-dark: #f9f9f9;       /* Text becomes Light */
    --rem-secondary: #1a1a1a;  /* Sections become Dark Grey */
}

/* Base Body Update for Background */
body {
    background-color: var(--rem-white);
    color: var(--rem-dark);
    transition: background 0.3s ease, color 0.3s ease;
}

/* Switch Styling (Basic) */
.rem-mode-switch {
    cursor: pointer;
    padding: 10px;
    background: var(--rem-primary);
    color: #fff;
    border-radius: 50px;
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
}