/* Themes are atmospheres, not recolors: each sets sky, glass tint and the color of light.
   A church can override --light with its own accent (see theme.js). */

:root,
[data-theme="night"] {
  color-scheme: dark;
  --bg-0: #0a0c1a;
  --bg-1: #151a3a;
  --bg-glow: rgba(98, 86, 196, 0.3);
  --star: rgba(255, 244, 225, 0.8);
  --glass-top: rgba(255, 255, 255, 0.095);
  --glass-bottom: rgba(255, 255, 255, 0.035);
  --glass-edge: rgba(255, 255, 255, 0.14);
  --panel: rgba(18, 21, 46, 0.78);
  --panel-solid: #12162f;
  --scrim: rgba(5, 6, 16, 0.66);
  --text: #f3ecdf;
  --text-soft: #c6c5d8;
  --text-faint: #9a9ebd;
  --light: #f5bc66;
  --on-light: #2a1a05;
  --answered: #9bd6b5;
  --danger: #f2907f;
  --card-shadow: rgba(0, 0, 0, 0.6);
  --theme-color: #0a0c1a;
}




[data-theme="vesper"] {
  color-scheme: dark;
  --bg-0: #130b1e;
  --bg-1: #2b1742;
  --bg-glow: rgba(204, 92, 164, 0.24);
  --star: rgba(255, 226, 240, 0.68);
  --glass-top: rgba(255, 232, 248, 0.095);
  --glass-bottom: rgba(255, 232, 248, 0.035);
  --glass-edge: rgba(250, 218, 240, 0.15);
  --panel: rgba(30, 16, 46, 0.8);
  --panel-solid: #24123a;
  --scrim: rgba(10, 4, 18, 0.68);
  --text: #f4eaf4;
  --text-soft: #d0bcd2;
  --text-faint: #b6a1bd;
  --light: #f2a7c3;
  --on-light: #2e0b1d;
  --answered: #9bd6b5;
  --danger: #f2907f;
  --card-shadow: rgba(0, 0, 0, 0.6);
  --theme-color: #130b1e;
}

[data-theme="ember"] {
  color-scheme: dark;
  --bg-0: #140c09;
  --bg-1: #2a1710;
  --bg-glow: rgba(214, 110, 56, 0.26);
  --star: rgba(255, 226, 196, 0.6);
  --glass-top: rgba(255, 236, 220, 0.09);
  --glass-bottom: rgba(255, 236, 220, 0.03);
  --glass-edge: rgba(255, 236, 220, 0.15);
  --panel: rgba(26,18,17, 0.8);
  --panel-solid: #201615;
  --scrim: rgba(10, 6, 4, 0.68);
  --text: #f6ebdf;
  --text-soft: #d4c1b0;
  --text-faint: #b09d8c;
  --light: #f0a25a;
  --on-light: #2a1204;
  --answered: #a8d6a8;
  --danger: #f2907f;
  --card-shadow: rgba(0, 0, 0, 0.6);
  --theme-color: #140c09;
}


[data-theme="moss"] {
  color-scheme: dark;
  --bg-0: #0c120a;
  --bg-1: #1b2615;
  --bg-glow: rgba(140, 170, 80, 0.24);
  --star: rgba(236, 246, 205, 0.6);
  --glass-top: rgba(240, 250, 225, 0.09);
  --glass-bottom: rgba(240, 250, 225, 0.03);
  --glass-edge: rgba(240, 250, 225, 0.15);
  --panel: rgba(18,24,18, 0.8);
  --panel-solid: #181c16;
  --scrim: rgba(6, 9, 5, 0.68);
  --text: #eef0e2;
  --text-soft: #c3cab2;
  --text-faint: #9fa88d;
  --light: #c7d98a;
  --on-light: #1a2205;
  --answered: #a9d9b0;
  --danger: #f2907f;
  --card-shadow: rgba(0, 0, 0, 0.6);
  --theme-color: #0c120a;
}





[data-theme="fjord"] {
  color-scheme: dark;
  --bg-0: #0a1018;
  --bg-1: #16243a;
  --bg-glow: rgba(100, 140, 200, 0.26);
  --star: rgba(214, 230, 250, 0.6);
  --glass-top: rgba(222, 236, 255, 0.09);
  --glass-bottom: rgba(222, 236, 255, 0.03);
  --glass-edge: rgba(222, 236, 255, 0.15);
  --panel: rgba(16,22,32, 0.8);
  --panel-solid: #161a24;
  --scrim: rgba(5, 8, 12, 0.68);
  --text: #e8eef7;
  --text-soft: #b8c6da;
  --text-faint: #95a6c0;
  --light: #9cc4ee;
  --on-light: #08182b;
  --answered: #a6d8bb;
  --danger: #f2907f;
  --card-shadow: rgba(0, 0, 0, 0.6);
  --theme-color: #0a1018;
}

[data-theme="heather"] {
  color-scheme: dark;
  --bg-0: #130d17;
  --bg-1: #261a2e;
  --bg-glow: rgba(180, 130, 170, 0.25);
  --star: rgba(250, 226, 242, 0.6);
  --glass-top: rgba(250, 232, 246, 0.09);
  --glass-bottom: rgba(250, 232, 246, 0.03);
  --glass-edge: rgba(250, 232, 246, 0.15);
  --panel: rgba(25,19,31, 0.8);
  --panel-solid: #1f1723;
  --scrim: rgba(9, 6, 11, 0.68);
  --text: #f4ebf1;
  --text-soft: #cfbccb;
  --text-faint: #ad99aa;
  --light: #e3a6c4;
  --on-light: #2b0f20;
  --answered: #a8d6b0;
  --danger: #f2907f;
  --card-shadow: rgba(0, 0, 0, 0.6);
  --theme-color: #130d17;
}

[data-theme="canyon"] {
  color-scheme: dark;
  --bg-0: #190b10;
  --bg-1: #351622;
  --bg-glow: rgba(205, 100, 100, 0.25);
  --star: rgba(255, 222, 210, 0.6);
  --glass-top: rgba(255, 232, 224, 0.09);
  --glass-bottom: rgba(255, 232, 224, 0.03);
  --glass-edge: rgba(255, 232, 224, 0.15);
  --panel: rgba(31,17,24, 0.8);
  --panel-solid: #25151c;
  --scrim: rgba(12, 5, 8, 0.68);
  --text: #f8ebe4;
  --text-soft: #d9bfb6;
  --text-faint: #b49d95;
  --light: #f3a07c;
  --on-light: #2c1005;
  --answered: #a8d6a8;
  --danger: #f2907f;
  --card-shadow: rgba(0, 0, 0, 0.6);
  --theme-color: #190b10;
}