/*
 * Ltd Facts theme: UK. Every colour the site uses lives in a theme file; site.css holds none.
 * To make another country's palette, copy this file (themes/au.css, ...), change the values, and set Site:Theme.
 * Keep every token: a missing one leaves that colour unset. Light values in :root, dark values in the media query.
 *
 *   --paper         page background
 *   --sheet         surface: cards, inputs, the register entry, chart sheet
 *   --ink           primary text, strong rules, masthead double rule, button on dark
 *   --ink-2         secondary text (body copy, nav links)
 *   --muted         tertiary text: kickers, captions, placeholders
 *   --rule          ruled lines
 *   --rule-soft     faint lines and the offset shadow of a card
 *   --blue          PRIMARY: links, buttons, focus, numerals, accents (name is historical; any hue)
 *   --blue-hover    primary, hovered or pressed
 *   --on-blue       text on a --blue background
 *   --ok            status ok (stamp, ticks)
 *   --warn          status warning (stamp, notice edge)
 *   --bad           status bad (stamp, overdue)
 *   --off           status neutral/inactive (stamp)
 *   --mark          hover wash behind rows and ghost buttons
 *   --selection     text selection background
 *   --focus         keyboard focus ring
 *   --badge-accent  the ".dev" in the "Built with searchstack.dev" badge (SearchStack brand: leave as is)
 *   --email-paper   background of the email preview frame (emails keep fixed colours of their own)
 *   --chart-*       The chart is a picture (it is also downloaded as PNG), so it is drawn on a light sheet in
 *                   light AND dark mode: every --chart-* token has the same value in both modes.
 *   --chart-paper   chart sheet
 *   --chart-grid    chart grid lines
 *   --chart-ink     chart zero line
 *   --chart-ink-2   chart year labels
 *   --chart-muted   chart value labels
 *   --chart-hatch   chart bands for years with no figure
 *   --chart-bad     chart reason text under a no-figure year
 *   --chart-1..5    chart series colours, in order (then they repeat)
 *
 * The theme-color meta (browser bar) is set by Site:ThemeColorLight / Site:ThemeColorDark in configuration.
 */
:root {
    color-scheme: light;
    --paper: #f4efe4;
    --sheet: #fbf8f1;
    --ink: #172033;
    --ink-2: #3b4456;
    --muted: #5f626a;
    --rule: #d6cdb9;
    --rule-soft: #e6dfcf;
    --blue: #1d3f8f;
    --blue-hover: #13306f;
    --on-blue: #fbf8f1;
    --ok: #1d6a3a;
    --warn: #8c5600;
    --bad: #a3271d;
    --off: #6c6f77;
    --mark: rgb(29 63 143 / 8%);
    --selection: var(--mark);
    --focus: var(--blue);
    --badge-accent: #FD8802;
    --email-paper: #f4efe4;
    --chart-paper: #fbf8f1;
    --chart-grid: #e6dfcf;
    --chart-ink: #172033;
    --chart-ink-2: #3b4456;
    --chart-muted: #6c6f77;
    --chart-hatch: #d6cdb9;
    --chart-bad: #a3271d;
    --chart-1: #1d3f8f;
    --chart-2: #a3271d;
    --chart-3: #1d6a3a;
    --chart-4: #8c5600;
    --chart-5: #6b3fa0;
}

@media (prefers-color-scheme: dark) {
    :root {
        color-scheme: dark;
        --paper: #11151c;
        --sheet: #171c25;
        --ink: #ece5d6;
        --ink-2: #c9c2b3;
        --muted: #8f939c;
        --rule: #2d3442;
        --rule-soft: #232935;
        --blue: #9db7ff;
        --blue-hover: #c2d2ff;
        --on-blue: #11151c;
        --ok: #7fd39b;
        --warn: #f0b85c;
        --bad: #ff8f84;
        --off: #8f939c;
        --mark: rgb(157 183 255 / 10%);
    }
}