:root {
    --accent: #A94C04;

    --bg: #1e1e1e;
    --surface: #252526;

    --border: #313131;

    --text: #e8e8e8;
    --muted: #aaa;

    --button-bg: #333;
    --button-border: #444;
    --button-hover: #414141;

    --scrollbar: #424242;
    --scrollbar-hover: #555;
}


/* =========================================================
   SYSTEM: LIGHT
   ========================================================= */

@media (prefers-color-scheme: light) {
    :root:not([data-theme]) {
        --bg: #ffffff;
        --surface: #f3f3f3;

        --border: #d4d4d4;

        --text: #1e1e1e;
        --muted: #666;

        --button-bg: #ffffff;
        --button-border: #c8c8c8;
        --button-hover: #e8e8e8;

        --scrollbar: #c1c1c1;
        --scrollbar-hover: #999;
    }
}


/* =========================================================
   SYSTEM: DARK
   ========================================================= */

@media (prefers-color-scheme: dark) {
    :root:not([data-theme]) {
        --bg: #1e1e1e;
        --surface: #252526;

        --border: #3a3a3a;

        --text: #e8e8e8;
        --muted: #aaa;

        --button-bg: #333;
        --button-border: #444;
        --button-hover: #414141;

        --scrollbar: #424242;
        --scrollbar-hover: #555;
    }
}


/* =========================================================
   EXPLICIT LIGHT
   ========================================================= */

:root[data-theme="light"] {
    --bg: #ffffff;
    --surface: #f3f3f3;

    --border: #d4d4d4;

    --text: #1e1e1e;
    --muted: #666;

    --button-bg: #ffffff;
    --button-border: #c8c8c8;
    --button-hover: #e8e8e8;

    --scrollbar: #c1c1c1;
    --scrollbar-hover: #999;
}


/* =========================================================
   EXPLICIT DARK
   ========================================================= */

:root[data-theme="dark"] {
    --bg: #1e1e1e;
    --surface: #252526;

    --border: #3a3a3a;

    --text: #e8e8e8;
    --muted: #aaa;

    --button-bg: #333;
    --button-border: #444;
    --button-hover: #414141;

    --scrollbar: #424242;
    --scrollbar-hover: #555;
}