/* Tower & Tome - site colours.
   The person picks one in My Diary > Preferences. With no choice made, the site follows the device (light or dark).
   Each block sets the same colour names the pages use:
     --bg page background   --card panels   --fg text   --mut quieter text   --line borders
     --acc accent (buttons, links)   --accbg soft accent background   --moon-dark / --moon-lit the Moon pictures */

:root[data-theme="light"] {
  color-scheme: light;
  --bg:#e7ecf4; --fg:#1a2440; --mut:#55607c; --card:#f8fafd; --line:#c6cfdf; --acc:#84560f; --accbg:#efe3cc; --moon-dark:#aab4c8; --moon-lit:#fffdf2;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg:#0e1427; --fg:#e7ebf6; --mut:#9ba6c4; --card:#171f38; --line:#2c3659; --acc:#e2b55e; --accbg:#2a2f4a; --moon-dark:#2a3355; --moon-lit:#f4efd8;
}

/* Gryffindor: scarlet and gold */
:root[data-theme="gryffindor"] {
  color-scheme: dark;
  --bg:#2b0b0f; --fg:#f8ecdc; --mut:#d6b79d; --card:#3c1217; --line:#632329; --acc:#eeba30; --accbg:#541a20; --moon-dark:#5a2a30; --moon-lit:#fbeec4;
}
/* Hufflepuff: yellow and black */
:root[data-theme="hufflepuff"] {
  color-scheme: dark;
  --bg:#141209; --fg:#f6f0dc; --mut:#bdb18a; --card:#211e10; --line:#3d381f; --acc:#f2c531; --accbg:#383214; --moon-dark:#3a3620; --moon-lit:#fbf2c0;
}
/* Ravenclaw: blue and bronze */
:root[data-theme="ravenclaw"] {
  color-scheme: dark;
  --bg:#0b1630; --fg:#e8eefa; --mut:#a2b3d3; --card:#132247; --line:#28407a; --acc:#d09a5c; --accbg:#1d3266; --moon-dark:#27407a; --moon-lit:#f1e6d4;
}
/* Slytherin: green and silver */
:root[data-theme="slytherin"] {
  color-scheme: dark;
  --bg:#0a1d15; --fg:#e8f1ec; --mut:#a6bbb0; --card:#112e22; --line:#235040; --acc:#cdd6d9; --accbg:#1b4433; --moon-dark:#23503f; --moon-lit:#eef3f1;
}
