/* HTJ colour modes. Only accents and page backgrounds change; the glass hero, the menu and the opening bar keep their own colours (pinned at the end).
   modes.js sets data-mode (day or night), data-season, data-sky (clear, aurora, flare) and data-snow on <html>.
   Order matters: mode, then season, then sky, so a sky colour wins. Every text pair here is checked at 4.5:1 or better by tests/site-up/contrast.test.mjs. */
html[data-mode="night"] { --bg: #0a0a0b; --bg2: #121214; --muted: #9b9a95; --line: rgba(236, 235, 230, .16); }
html[data-mode="day"] { --bg: #111821; --bg2: #19232f; --muted: #a8b0ba; --line: rgba(236, 235, 230, .2); }
html[data-season="winter"] { --accent: #9fd0ff; --accent-rgb: 159, 208, 255; }
html[data-season="spring"] { --accent: #a8e8b2; --accent-rgb: 168, 232, 178; }
html[data-season="summer"] { --accent: #ffd47c; --accent-rgb: 255, 212, 124; }
html[data-season="autumn"] { --accent: #ffab72; --accent-rgb: 255, 171, 114; }
html[data-sky="aurora"] { --bg: #06130f; --bg2: #0d1f19; --muted: #9eb8ac; --accent: #6ff2b8; --accent-rgb: 111, 242, 184; --line: rgba(190, 255, 225, .2); }
html[data-sky="flare"] { --bg: #160a07; --bg2: #21120e; --muted: #bba79d; --accent: #ff8d5e; --accent-rgb: 255, 141, 94; --line: rgba(255, 220, 200, .2); }
/* pinned: the glass hero, the menu and the opening bar look exactly as before in every mode */
#hero, .nav, .loader { --bg: #0a0a0b; --bg2: #121214; --fg: #ecebe6; --muted: #9b9a95; --line: rgba(236, 235, 230, .16); --accent: #a99bff; --accent-rgb: 169, 155, 255; }