/* Class palettes.
 *
 * Only colour lives here. The background scene - layers, weather, time of day
 * - is described in js/scene.js and styled by scene.css, because it needs to
 * change on its own rather than sit in a stylesheet.
 *
 * The sash colour is a hint, not the rule: Druid brown alone runs together,
 * so the interface is bark read against new growth.
 */

html[data-class="Druid"] {
  --accent: #8fbf6a;
  --accent-2: #c4e696;
  --accent-ink: #10180c;
  --bg: #12170f;
  --surface: #1a2016;
  --surface-2: #232b1d;
  --line: #3a4531;
}
html[data-class="Druid"][data-archetype="Avatar of Nature"] {
  --accent: #a8d86b;
  --accent-2: #d6f2a6;
}

/* Dusk and night pull the interface down with the sky, so a bright card never
   glares out of a dark scene. */
html[data-phase="night"] {
  --bg: color-mix(in srgb, var(--bg) 82%, #05080a);
  --surface: color-mix(in srgb, var(--surface) 80%, #05080a);
  --surface-2: color-mix(in srgb, var(--surface-2) 80%, #05080a);
}
html[data-phase="dusk"] {
  --bg: color-mix(in srgb, var(--bg) 90%, #1a0f06);
  --surface: color-mix(in srgb, var(--surface) 90%, #1a0f06);
}
html[data-phase="dawn"] {
  --surface: color-mix(in srgb, var(--surface) 92%, #241a0c);
}

/* --- the other casters: palette only until their scenes are built -------- */
html[data-class="Bard"] {
  --accent: #d8b55f; --accent-2: #f0d99a; --accent-ink: #1a1405;
  --bg: #14161c; --surface: #1c1f27; --surface-2: #252a35; --line: #3a4150;
}
html[data-class="Healer"] {
  --accent: #e2a0a0; --accent-2: #f5cfcf; --accent-ink: #1d0f0f;
  --bg: #171316; --surface: #201a1d; --surface-2: #2a2226; --line: #453539;
}
html[data-class="Wizard"] {
  --accent: #b493e6; --accent-2: #d9c6f5; --accent-ink: #140d22;
  --bg: #15121c; --surface: #1d1928; --surface-2: #262133; --line: #3f3653;
}