/* theme.css */

/* This file only contains the dark mode overrides. */
/* The base theme variables are defined in base.css. */

@media (prefers-color-scheme: dark) {
    :root {
        /* General Theme */
        --clr-bg-overlay: rgba(18, 18, 18, 0.8); /* #121212 with 80% opacity */
        --clr-bg: #121212;
        --clr-text-primary: #ccc;
        /* --clr-text-light is already white, which works for dark backgrounds */
        --clr-text-subtle: #555;
        --clr-link: #90caf9; /* A light blue for dark backgrounds */
        --clr-link-hover: #ff6b4d; /* A slightly lighter orangered */
        --clr-link-border: #555;
        --clr-header-border-bottom: #555;
        --clr-border: #444;

        /* Components */
        --clr-notes-bg: #2a2a2a; /* Dark background for notes sections */
        --clr-card-bg: #1e1e1e; /* Dark background for cards */
        --clr-accent-danger: #ff5252; /* A lighter red for dark backgrounds */

        /* Stripe Colors */
        --stripe-clr-1: #b85d00; /* A darker, less vibrant orange */

        /* Navigation */
        --clr-nav-bg: #1e1e1e;
        --clr-nav-hover-bg: #333;

        /* Distance Chart */
        --clr-table-header-bg: #2a2a2a;
        --clr-table-row-header-bg: #222;
        --clr-table-zero-bg: #333;
        --clr-table-row-even-bg: #1e1e1e;
        --clr-table-row-odd-bg: #232323;
        --clr-highlight-row: #5a3e2b;
        --clr-highlight-col: #5a3e2b;
    }
}