/*
 * Site colour schemes (docs/multi-site-plan.md, Phase 5).
 *
 * Brand colours in style.css, admin.css and the components are written as
 * var(--brand-x, <UK colour>). The UK site defines none of these variables, so every one of them
 * falls back to the colour it always had and the UK site is unchanged. A site's scheme is chosen
 * by <html data-site="...">, set from the site's themeKey (src/siteTheme.js).
 *
 * Tokens:
 *   --brand-primary       main brand colour: buttons, icons, links, chips
 *   --brand-primary-dark  hover / pressed states of the above
 *   --brand-accent        second brand colour, and the end of the header gradient
 *   --brand-accent-dark   hover state of the accent
 *   --brand-grad-start    start of the signature 150deg gradient
 *   --brand-soft          mid-light borders and outlines
 *   --brand-tint          pale backgrounds behind brand-coloured content
 *   --brand-sidebar       sidebar background
 *   --brand-ink           dark text and dark header surfaces
 *   --brand-highlight     accent only (see below)
 *
 * Status colours (accepted/cleared green, rejected red) and dashboard chart series are NOT brand
 * colours and are deliberately not themed.
 */

/* ── EU: EU blue with EU yellow accents ─────────────────────────────────────────────────────── */
:root[data-site="eu"] {
    --brand-primary: #003399;
    --brand-primary-dark: #002a80;
    --brand-accent: #1f5cc7;
    --brand-accent-dark: #17489f;
    --brand-grad-start: #003399;
    --brand-soft: #7f9fde;
    --brand-tint: #e8eefa;
    --brand-sidebar: #003399;
    --brand-ink: #0b1f4d;
    /* EU yellow is ~1.4:1 against white, so it is never text, and never a background behind
       text: only borders and markers, where it sits on blue or next to it. */
    --brand-highlight: #ffcc00;
    /* Success popups (react-toastify's icon and progress bar), e.g. "Declaration successfully
       submitted": EU blue rather than the library's green. */
    --toastify-color-success: var(--brand-primary);
}

:root[data-site="eu"] header.header-static {
    border-bottom: 3px solid var(--brand-highlight);
}

:root[data-site="eu"] #sidebar ul li a.active::before {
    background: var(--brand-highlight);
}

:root[data-site="eu"] .nav-tabs .nav-link.active {
    border-bottom-color: var(--brand-highlight);
}

:root[data-site="eu"] .btn-grad:focus,
:root[data-site="eu"] .btn-grad:focus-visible {
    box-shadow: 0 0 0 3px var(--brand-highlight);
}

/* ── Generated: every other green in the stylesheets and components, as EU blue ──────────
   (same lightness, EU-blue hue). Regenerate with greens_to_eu.py rather than editing by hand. */
:root[data-site="eu"] {
    --brand-004d40: #00174d;
    --brand-009688: #002d96;
    --brand-0b2e13: #0b152e;
    --brand-0e6f60: #0e2b6f;
    --brand-155724: #152957;
    --brand-16a34a: #1640a3;
    --brand-193e2d: #142243;
    --brand-19692c: #193169;
    --brand-1a8e8c: #1a3d8e;
    --brand-1b5e20: #1b2f5e;
    --brand-1b9e8e: #1b429e;
    --brand-1c7430: #1c3674;
    --brand-1e7e34: #1e3b7e;
    --brand-1f4d2e: #182a54;
    --brand-1f7a4d: #1f3a7a;
    --brand-1f7d70: #1f3b7d;
    --brand-1f8d7d: #1f408d;
    --brand-1f9d8b: #17489f;
    --brand-20c997: #2053c9;
    --brand-218838: #214088;
    --brand-24803f: #244080;
    --brand-286247: #1f366b;
    --brand-28a744: #284ea7;
    --brand-28a745: #284ea7;
    --brand-2ab9a5: #1f5cc7;
    --brand-2b6b3a: #223a74;
    --brand-2e7d32: #264385;
    --brand-2e8965: #29478e;
    --brand-2e8a58: #29488f;
    --brand-2e8f45: #2b4a92;
    --brand-2f8b5c: #2a4990;
    --brand-2f8f5b: #2b4a93;
    --brand-30b196: #3057b1;
    --brand-338a62: #2b4a92;
    --brand-34ce57: #3462ce;
    --brand-365f00: #002a80;
    --brand-369368: #2d4e9c;
    --brand-3da676: #3359b0;
    --brand-3f8a31: #2a4991;
    --brand-3fb55b: #375fbd;
    --brand-41b778: #003399;
    --brand-427700: #002a80;
    --brand-449135: #2d4d99;
    --brand-45ad76: #365ebc;
    --brand-4cbd89: #003399;
    --brand-4ebc30: #305abc;
    --brand-4f8a68: #3155a8;
    --brand-4f9100: #002a80;
    --brand-5a8a2e: #29488f;
    --brand-5a8a3a: #2c4c98;
    --brand-5a9169: #355cb6;
    --brand-5bb14a: #003399;
    --brand-5eac00: #003399;
    --brand-5eca8e: #597ccf;
    --brand-72ae2e: #003399;
    --brand-7ca362: #3e67c7;
    --brand-7cbb22: #003399;
    --brand-81c784: #7290d6;
    --brand-82af6f: #5176cd;
    --brand-8fce5a: #597ccf;
    --brand-8fd19e: #859fdb;
    --brand-97c74e: #003399;
    --brand-9acf4f: #4f75cf;
    --brand-9ad3ac: #8fa7de;
    --brand-9cc950: #7f9fde;
    --brand-a2ddc2: #9db2e2;
    --brand-a9e5b7: #a8bbe6;
    --brand-acd392: #88a2dd;
    --brand-b1dfbb: #aabce6;
    --brand-b2e8c8: #b2c2e9;
    --brand-b2e8e2: #b2c2e9;
    --brand-b8e5dd: #b4c4e9;
    --brand-bae6d2: #b6c6ea;
    --brand-bcd984: #7f9fde;
    --brand-bfe3ca: #b8c7ea;
    --brand-bfe7df: #bbc9eb;
    --brand-c3e6cb: #bdcbec;
    --brand-c8edd8: #c6d2ef;
    --brand-cbe6d8: #c3d0ee;
    --brand-cce8d6: #c6d2ee;
    --brand-cde3b5: #b0c1e8;
    --brand-cdedde: #cad6f0;
    --brand-cdeed3: #cbd6f0;
    --brand-ceeddf: #cbd6f0;
    --brand-cfe9d5: #c9d4ef;
    --brand-cfe9da: #c9d4ef;
    --brand-d4edda: #d0daf1;
    --brand-d4f3ef: #d4ddf3;
    --brand-d5efdc: #d2dcf2;
    --brand-d6e4dc: #cad6f0;
    --brand-d8ecdd: #d2dcf2;
    --brand-d8ece8: #d2dcf2;
    --brand-dbf2e7: #d9e1f4;
    --brand-deead3: #cdd7f0;
    --brand-deedc1: #e8eefa;
    --brand-e0efe4: #dbe2f4;
    --brand-e1f4eb: #dfe6f6;
    --brand-e3f3df: #dde4f5;
    --brand-e3f4f1: #e1e7f6;
    --brand-e6f5ed: #e4eaf7;
    --brand-e6f6e0: #e0e7f6;
    --brand-e7f6ec: #e5ebf8;
    --brand-e8f0e8: #e2e8f6;
    --brand-e8f4ee: #e5eaf7;
    --brand-e8f5e9: #e5ebf8;
    --brand-e9f6e6: #e5eaf7;
    --brand-eaf6ee: #e8edf8;
    --brand-eaf6f0: #e8edf8;
    --brand-edf7f0: #ebeff9;
    --brand-edf9f7: #ecf0fa;
    --brand-eef6e0: #e8eefa;
    --brand-eef7ec: #eaeff9;
    --brand-eef7f0: #ecf0f9;
    --brand-f0f8e8: #e8edf8;
    --brand-f0faf3: #eff3fa;
    --brand-f0faf4: #eff3fa;
    --brand-f0faf9: #eff3fa;
    --brand-f1f8f4: #eff2fa;
    --brand-f2faf4: #f1f4fb;
    --brand-f2faf6: #f1f4fb;
    --brand-f2fbf9: #f2f5fb;
    --brand-f3faf0: #eff3fa;
    --brand-f4fbea: #eaeffb;
    --brand-f4fbf7: #f3f6fc;
    --brand-f5faf8: #f3f6fc;
    --brand-f6faf0: #eff3fa;
    --brand-f6faf3: #f2f5fb;
    --brand-f6faf7: #f4f6fc;
    --brand-f6fbf7: #f5f7fc;
    --brand-f7fcf9: #f6f8fd;
    --brand-f8fdf6: #f6f8fd;
    --brand-f9fbf8: #f6f8fd;
    --brand-f9fdfb: #f9fafd;
    --brand-f9fffe: #f9fbff;
    --brand-fafcfa: #f9fafd;
    --brand-fbfdfc: #fafbfe;
    --brand-fbfdfd: #fafbfe;
    --brand-fdfefe: #fdfdfe;
    --brand-rgb-16a34a: 22, 64, 163;
    --brand-rgb-28a745: 40, 78, 167;
    --brand-rgb-2ab9a5: 31, 92, 199;
    --brand-rgb-30b196: 48, 87, 177;
    --brand-rgb-3fb55b: 55, 95, 189;
    --brand-rgb-41b778: 0, 51, 153;
    --brand-rgb-48b461: 57, 98, 195;
    --brand-rgb-4cbd89: 0, 51, 153;
    --brand-rgb-5bb14a: 0, 51, 153;
    --brand-rgb-5eac00: 0, 51, 153;
    --brand-rgb-67c79b: 94, 128, 208;
    --brand-rgb-7cbb22: 0, 51, 153;
    --brand-rgb-97c74e: 0, 51, 153;
}