/* Per-backdrop themes. Generated by scripts/build-assets.py — do not edit.

   Each scene's hue is measured from its own art and applied to the chrome's
   existing lightness ladder, so a retinted interface is exactly as legible as
   the default one: only the hue moves, never the contrast between steps.

   What changes is the room — the stone panels, the composer's inset, the
   backdrop's own sky. What does not change is the tome: parchment, ink and
   gold are identical in every theme, because that is the surface the reading
   happens on and it is the one thing that should feel constant. The corpus
   accent stays too; blue-for-Magic and red-for-D&D mean something, and a
   backdrop should not restate it. */


html[data-scene="cave"] {
	--stone-950: #08070a;
	--stone-900: #0d0d11;
	--stone-800: #121219;
	--stone-700: #181821;
	--stone-600: #1f1f2b;
	--stone-500: #292939;
	--stone-line: #313144;
	--stone-400: #3a3a50;
	--scene-sky: #000000;
	--frame-stone: url("/static/assets/ui/cave/panel-stone.png");
	--frame-stone-active: url("/static/assets/ui/cave/panel-stone-active.png");
	--frame-field: url("/static/assets/ui/cave/field.png");
	--frame-field-focus: url("/static/assets/ui/cave/field-focus.png");
	--frame-bar: url("/static/assets/ui/cave/bar.png");
}

html[data-scene="deadforest"] {
	--stone-950: #0b0906;
	--stone-900: #13100b;
	--stone-800: #1b1610;
	--stone-700: #241e15;
	--stone-600: #2f261b;
	--stone-500: #3e3323;
	--stone-line: #4a3d2a;
	--stone-400: #584832;
	--scene-sky: #bcc4af;
	--frame-stone: url("/static/assets/ui/deadforest/panel-stone.png");
	--frame-stone-active: url("/static/assets/ui/deadforest/panel-stone-active.png");
	--frame-field: url("/static/assets/ui/deadforest/field.png");
	--frame-field-focus: url("/static/assets/ui/deadforest/field-focus.png");
	--frame-bar: url("/static/assets/ui/deadforest/bar.png");
}

html[data-scene="plains"] {
	--stone-950: #06080c;
	--stone-900: #0b0e14;
	--stone-800: #0f141c;
	--stone-700: #141a25;
	--stone-600: #1a2230;
	--stone-500: #222d40;
	--stone-line: #29354c;
	--stone-400: #303f5a;
	--scene-sky: #6caff1;
	--frame-stone: url("/static/assets/ui/plains/panel-stone.png");
	--frame-stone-active: url("/static/assets/ui/plains/panel-stone-active.png");
	--frame-field: url("/static/assets/ui/plains/field.png");
	--frame-field-focus: url("/static/assets/ui/plains/field-focus.png");
	--frame-bar: url("/static/assets/ui/plains/bar.png");
}

html[data-scene="snowy"] {
	--stone-950: #08080a;
	--stone-900: #0d0e11;
	--stone-800: #121418;
	--stone-700: #191b21;
	--stone-600: #20232a;
	--stone-500: #2a2e38;
	--stone-line: #323743;
	--stone-400: #3b414f;
	--scene-sky: #bab9b9;
	--frame-stone: url("/static/assets/ui/snowy/panel-stone.png");
	--frame-stone-active: url("/static/assets/ui/snowy/panel-stone-active.png");
	--frame-field: url("/static/assets/ui/snowy/field.png");
	--frame-field-focus: url("/static/assets/ui/snowy/field-focus.png");
	--frame-bar: url("/static/assets/ui/snowy/bar.png");
}