/* dark-mode.css – toggles dark theme based on prefers-color-scheme */
@media (prefers-color-scheme: dark) {
    :root {
        --primary-color: #ff6b6b;
        --bg-light: rgba(0, 0, 0, 0.6);
        --bg-dark: rgba(0, 0, 0, 0.8);
        --text-light: #e0e0e0;
        --text-dark: #b0c4de;
        --text-gray: #a0a0a0;
    }

    body {
        background-color: var(--bg-dark);
        color: var(--text-light);
    }
}