/*
 * Brand colours: the one place every colour on the site comes from.
 * Loaded in <head> so the splash and the first frame already use them.
 * A palette is chosen with <html data-palette="...">; without one, the default below applies.
 *
 * Roles
 *   ink / ink-2..5   dark grounds (sections, bars) from darkest to lighter steps; ink is also body text on light
 *   ink-soft         secondary text on light grounds
 *   ground, mist     light section grounds; mist is a quieter tile
 *   sun / sun-pale   the rising sun motif; sun-pale is its tint for text on dark grounds
 *   on-sun           text set on a sun-coloured field
 *   action / on-action  primary buttons
 *   accent-ink       the accent used as text on light grounds (passes contrast)
 *   progress, kept, delayed, pending   promise status on dark grounds (rays, map); *-deep versions on light
 *   ray-a / ray-b    the two greys of not-started rays, alternating by initiative
 *   lake             Lake Malawi on the map
 */
:root {
  --ink: #121212; --ink-2: #1c1c1b; --ink-3: #2a2a28; --ink-4: #353533; --ink-5: #4a4a47;
  --ink-soft: #4b4b49; --ground: #f3f3f1; --mist: #e3e2de;
  --sun: #d02030; --sun-pale: #ff8a93; --on-sun: #ffffff;
  --action: #d02030; --on-action: #ffffff; --accent-ink: #b81a29;
  --progress: #d02030; --progress-deep: #d02030;
  --kept: #2fa152; --kept-deep: #1e7b3b;
  --delayed: #ffffff; --delayed-deep: #121212;
  --pending-light: #bdbcb7; --pending-legend: #6b6a67;
  --ray-a: #353533; --ray-b: #4a4a47; --ray-selected: #bdbcb7;
  --lake: #e3e2de; --map-a: #2e2e2c; --map-b: #3a3a37; --map-hi: #5a5955;
  --scatter-a: #cfcec9; --scatter-b: #b3b2ad;
}

/* 1. Lake and sunrise: Lake Malawi's deep water and a sunrise amber. */
html[data-palette='lake'] {
  --ink: #0b3c49; --ink-2: #0f4655; --ink-3: #145262; --ink-4: #1a5e70; --ink-5: #226b7e;
  --ink-soft: #3e5a61; --ground: #f1f5f4; --mist: #dde7e5;
  --sun: #f4a62a; --sun-pale: #f8c46a; --on-sun: #0b3c49;
  --action: #f4a62a; --on-action: #0b3c49; --accent-ink: #9a5b00;
  --progress: #f4a62a; --progress-deep: #b87400;
  --kept: #4cc38a; --kept-deep: #1e7f55;
  --delayed: #ff7a59; --delayed-deep: #c2452d;
  --pending-light: #c9d3d3; --pending-legend: #6f9aa5;
  --ray-a: #164f5f; --ray-b: #1d5d6f; --ray-selected: #c9d3d3;
  --lake: #7fc8c4; --map-a: #124a59; --map-b: #175566; --map-hi: #2b7487;
  --scatter-a: #c9d3d3; --scatter-b: #a9b9ba;
}

/* 2. Malawi flag, re-weighted: green leads, red only for the sun. */
html[data-palette='flag'] {
  --ink: #111111; --ink-2: #1b1b1b; --ink-3: #262626; --ink-4: #303030; --ink-5: #404040;
  --ink-soft: #4a4a4a; --ground: #f4f4f3; --mist: #e3e3e0;
  --sun: #ce1126; --sun-pale: #ff7d8c; --on-sun: #ffffff;
  --action: #23802a; --on-action: #ffffff; --accent-ink: #23802a;
  --progress: #ce1126; --progress-deep: #ce1126;
  --kept: #4fbf52; --kept-deep: #23802a;
  --delayed: #ffffff; --delayed-deep: #111111;
  --pending-light: #bdbcb7; --pending-legend: #6b6a67;
  --ray-a: #303030; --ray-b: #404040; --ray-selected: #bdbcb7;
  --lake: #d8e3da; --map-a: #262626; --map-b: #333333; --map-hi: #555555;
  --scatter-a: #cfcec9; --scatter-b: #b3b2ad;
}

/* 3. Youth tech: near-black, signal green, one warm accent for delays. */
html[data-palette='tech'] {
  --ink: #0e0e10; --ink-2: #18181b; --ink-3: #232327; --ink-4: #2c2c31; --ink-5: #38383e;
  --ink-soft: #4b4b52; --ground: #f4f4f5; --mist: #e4e4e7;
  --sun: #00b37e; --sun-pale: #5ee3b5; --on-sun: #0e0e10;
  --action: #00b37e; --on-action: #0e0e10; --accent-ink: #007a56;
  --progress: #00b37e; --progress-deep: #007a56;
  --kept: #c8f560; --kept-deep: #4d7a00;
  --delayed: #ff6b35; --delayed-deep: #c2410c;
  --pending-light: #c4c4cc; --pending-legend: #71717a;
  --ray-a: #2c2c31; --ray-b: #38383e; --ray-selected: #c4c4cc;
  --lake: #5ee3b5; --map-a: #232327; --map-b: #2c2c31; --map-hi: #4b4b52;
  --scatter-a: #d4d4d8; --scatter-b: #a1a1aa;
}