/* Matchup Index palette: the site's own colors over ImperialismMap's tokens.
   tokens.css (a byte copy of IM's generated file) still supplies every name, size, space
   and font; this file loads after it and reassigns color tokens only, so the record book
   reads navy, slate and brass instead of IM's lime and purple. It may only redefine
   tokens tokens.css declares (test_templates_lint pins that), and it is the one site
   stylesheet allowed hex values. Night (dark) is :root, Day (light) is
   [data-theme="light"], as in tokens.css; base.html always sets data-theme. */

:root {
    --chrome-bg: #0B1A33;
    --header-accent: #D9B45A;
    --header-border: rgba(255, 255, 255, 0.14);
    --focus-ring-on-header: var(--header-accent);
    --surface-strong: #0B1A33;
    --on-surface-strong: #FFFFFF;
    --on-surface-strong-muted: #A9B6CC;
    --on-surface-strong-accent: #D9B45A;
    --text-on-primary: #F4F6FA;
    --text-on-primary-muted: #B3BFD3;

    --background: #0A101C;
    --surface: #121A29;
    --surface-hover: #1A2436;
    --text-primary: #EEF1F6;
    --text-secondary: #AAB4C5;
    --text-muted: #8893A6;
    --border: #232E42;
    --border-hover: #3A4860;

    --action-primary: #2F5BB7;
    --action-primary-hover: #3A6AD0;
    --on-action-primary: #FFFFFF;
    --action: #1A2436;
    --action-hover: #232E42;
    --action-edge: #6F7C92;
    --on-action: #FFFFFF;
    --selected: #D9B45A;
    --on-selected: #0A101C;
    --selected-edge: #D9B45A;
    --selected-tint: #2A2618;

    --link: #8FB3F0;
    --link-hover: #B9D0F7;
    --link-underline: rgba(143, 179, 240, 0.5);
    --link-underline-hover: #B9D0F7;
    --focus-ring: var(--link);

    --success: #5BC08A;
    --error: #EF7A73;
    --warning: #E0A84E;
    --glow-action-hover: none;
    --glow-selected: none;
}

:root[data-theme="light"] {
    --chrome-bg: #0B1A33;
    --surface-strong: #0B1A33;

    --background: #F5F5F2;
    --surface: #FFFFFF;
    --surface-hover: #F0F2F6;
    --text-primary: #111827;
    --text-secondary: #3B4557;
    --text-muted: #5F6B7E;
    --border: #DDE1E8;
    --border-hover: #BCC3CF;

    --action-primary: #1C3F8A;
    --action-primary-hover: #163273;
    --on-action-primary: #FFFFFF;
    --action: #FFFFFF;
    --action-hover: #F0F2F6;
    --action-edge: #7D8696;
    --on-action: #111827;
    --selected: #1C3F8A;
    --on-selected: #FFFFFF;
    --selected-edge: #1C3F8A;
    --selected-tint: #E6ECF7;

    --link: #1F4FB0;
    --link-hover: #163273;
    --link-underline: rgba(31, 79, 176, 0.45);
    --link-underline-hover: #163273;
    --focus-ring: var(--link);

    --success: #1E7A46;
    --error: #B42318;
    --warning: #A15C07;
    --glow-action-hover: none;
    --glow-selected: none;
}