/*
 * The site's colours, named once. styles.css, menu.css and the games'
 * ig/style.css read these, so the whole site restyles itself by changing this
 * file alone. ChatForest Games wears the games' own palette everywhere:
 * warm paper, teal links, and a dark mode that follows the device.
 */
:root {
    --bg: #f6f3ec;          /* page background */
    --panel: #fffdf8;       /* the page's main box */
    --card: #ffffff;        /* panels and buttons inside it */
    --card-hover: #eef8f7;  /* a highlighted card or dropdown row */
    --ink: #2b2a33;         /* body text */
    --muted: #76727f;       /* secondary text */
    --line: #e4ded2;        /* borders */
    --accent: #1f8a8a;      /* links and main buttons */
    --accent-ink: #ffffff;  /* text on an accent background */
    --nav-bg: #fffdf8;      /* the menu bar */
    --nav-line: #e4ded2;    /* the menu bar's bottom edge */
    --short: #c2412d;       /* games: running out */
    --good: #2f7d3a;        /* games: gaining */
    --full: #b7791f;        /* games: storage full */
    --shadow: 0 1px 0 #e4ded2, 0 2px 6px rgba(60, 50, 30, .06);
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        --bg: #1b1a20;
        --panel: #23222a;
        --card: #2a2932;
        --card-hover: #25393a;
        --ink: #ecebf0;
        --muted: #9a97a6;
        --line: #34323d;
        --accent: #4cc2bf;
        --accent-ink: #10201f;
        --nav-bg: #23222a;
        --nav-line: #34323d;
        --short: #ff8a74;
        --good: #7fd18a;
        --full: #f2b84b;
        --shadow: 0 1px 0 #111111, 0 2px 6px rgba(0, 0, 0, .3);
    }
}

:root[data-theme="dark"] {
    --bg: #1b1a20;
    --panel: #23222a;
    --card: #2a2932;
    --card-hover: #25393a;
    --ink: #ecebf0;
    --muted: #9a97a6;
    --line: #34323d;
    --accent: #4cc2bf;
    --accent-ink: #10201f;
    --nav-bg: #23222a;
    --nav-line: #34323d;
    --short: #ff8a74;
    --good: #7fd18a;
    --full: #f2b84b;
    --shadow: 0 1px 0 #111111, 0 2px 6px rgba(0, 0, 0, .3);
}