/* ==========================================================================
   Colour themes for the hub.

   Only COLOUR tokens are overridden here. Radii, timings, fonts, the type
   scale and every layout token are left alone, so switching a theme can never
   break the layout - it can only change the palette.

   `prestige` is the palette the site was designed in, so it has no block: the
   default in `hub.css` already is Daylight Prestige. The attribute is set on
   <html> by the small blocking script in the page head, from the value the
   admin panel stores - see /api/hub/theme.js.
   ========================================================================== */

/* ---- Cool Ivory — cool ground, deep navy weight, soft gold ------------- */
html[data-theme="ivory"]{
  --ground:#F7F8FA;        --surface:#FFFFFF;      --sand:#EAEDF2;
  --maroon-deep:#131A2B;   --ink-strong:#16203A;   --ink:#1E2A45;
  --ink-muted:#5A6784;     --ink-inverse:#FFFFFF;  --ink-inverse-muted:#C9D2E4;
  --maroon-700:#1E2A5A;    --maroon-800:#16203F;   --maroon-tint:#E9EDF7;
  --gold-100:#F1E4BF;      --gold-300:#E0C77E;     --gold-500:#C3A24A;
  --gold-600:#A8892F;      --gold-700:#82691C;     --bronze-ink:#6E5714;
  --border:#DCE1EA;        --border-field:#7C8AA5;
  --focus-ring:rgba(195,162,74,.45);
  --shadow-ambient:0 1px 2px rgba(19,26,43,.06);
  --shadow-cast:0 2px 4px rgba(19,26,43,.06), 0 28px 64px -24px rgba(19,26,43,.14);
}

/* ---- Desert Sand — warm sand, olive weight, copper -------------------- */
html[data-theme="desert"]{
  --ground:#FAF6EE;        --surface:#FFFCF5;      --sand:#EFE6D3;
  --maroon-deep:#1F2417;   --ink-strong:#232719;   --ink:#2F3423;
  --ink-muted:#67704F;     --ink-inverse:#FFFCF5;  --ink-inverse-muted:#D8DCC4;
  --maroon-700:#3F5D2C;    --maroon-800:#2F4720;   --maroon-tint:#EBF0E3;
  --gold-100:#F3E2C4;      --gold-300:#E3C692;     --gold-500:#C79A5A;
  --gold-600:#AC7C3C;      --gold-700:#7E5A26;     --bronze-ink:#7A5520;
  --border:#E2D6BE;        --border-field:#8A7A5C;
  --focus-ring:rgba(199,154,90,.45);
  --shadow-ambient:0 1px 2px rgba(31,36,23,.07);
  --shadow-cast:0 2px 4px rgba(31,36,23,.06), 0 28px 64px -24px rgba(31,36,23,.14);
}

/* ---- Graphite — near-neutral ground, burgundy weight, pewter ---------- */
html[data-theme="graphite"]{
  --ground:#F6F6F7;        --surface:#FFFFFF;      --sand:#ECECEF;
  --maroon-deep:#17161A;   --ink-strong:#1D1C21;   --ink:#2A2830;
  --ink-muted:#6A6772;     --ink-inverse:#FFFFFF;  --ink-inverse-muted:#D3D1D7;
  --maroon-700:#5E1220;    --maroon-800:#46101A;   --maroon-tint:#F1E7E9;
  --gold-100:#E6E7EA;      --gold-300:#C7C9D0;     --gold-500:#A9ABB6;
  --gold-600:#8B8D99;      --gold-700:#6B6D78;     --bronze-ink:#5F6169;
  --border:#E0E0E4;        --border-field:#85848C;
  --focus-ring:rgba(169,171,182,.45);
  --shadow-ambient:0 1px 2px rgba(23,22,26,.06);
  --shadow-cast:0 2px 4px rgba(23,22,26,.06), 0 28px 64px -24px rgba(23,22,26,.14);
}

/* The mark's tick and inner ring use currentColor, so they follow --ink
   automatically. The gold ring keeps its own gradient, which reads on every
   one of these grounds. */