/* The design tokens, value for value from the locked prototype (docs/design/prototype/template.html, D10 T01 §4).
   Every colour the theme uses lives here, in email-tokens.css or in the Elementor kit. --still (the 3D scene's
   still image) belongs to the 3D system's own stylesheet (§14). */
:root {
	color-scheme: light;
	--paper: #ffffff;
	--cream: #fefcf2;
	--ink: #231f20;
	--ink-2: #5c5654;
	--ink-3: #746d6a;
	--line: #e6e0da;
	--node: #f3efeb;
	--signal: #ff4a14;
	--signal-fill: #d6390b;
	--signal-ink: #cc3509;
	--field: #ff4a14;
	--field-edge: #ff6a2e;
	--glow: #ffd98a;
	--attack: #b52831;
	--tint: #fff1ea;
	--soft: #fbf8f5;
	--dots: #e9e3dd;
	--glass: rgba(255, 255, 255, 0.92);
	--attack-tint: #fbeeee;
	--night: #231f20;
	--ink-rgb: 35, 31, 32;
	--paper-rgb: 255, 255, 255;
	--face: "Geist", "Helvetica Neue", Arial, sans-serif;
	--mono: "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
	--frame: 1200px;
	/* The hover shades of the red and white buttons, from the prototype's button rules (outside its :root block);
	   they do not change with the theme. */
	--signal-hover: #b5300a;
	--white-hover: #fff5ee;
	/* The locked brand values (todo/brand-rules.md), checked by scripts/theme_check.py; they do not change with the theme. */
	--rz-ink: #231f20;
	--rz-signal: #ff4a14;
}
/* Dark follows the device unless the Light, Dark, System switch sets data-theme; the red fields stay red. */
@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) {
		color-scheme: dark;
		--paper: #151414; --cream: #191817; --ink: #f0e3de; --ink-2: #b8aca8; --ink-3: #968c88; --line: #2f2c2b; --node: #211f1e; --signal-ink: #ff4a14;
		--attack: #ff5b66; --tint: #36170f; --soft: #1c1b1a; --dots: #2a2727; --glass: rgba(21, 20, 20, 0.9);
		--attack-tint: #3a1a1c; --ink-rgb: 240, 227, 222; --paper-rgb: 21, 20, 20;
	}
}
:root[data-theme="dark"] {
	color-scheme: dark;
	--paper: #151414; --cream: #191817; --ink: #f0e3de; --ink-2: #b8aca8; --ink-3: #968c88; --line: #2f2c2b; --node: #211f1e; --signal-ink: #ff4a14;
	--attack: #ff5b66; --tint: #36170f; --soft: #1c1b1a; --dots: #2a2727; --glass: rgba(21, 20, 20, 0.9);
	--attack-tint: #3a1a1c; --ink-rgb: 240, 227, 222; --paper-rgb: 21, 20, 20;
}
/* A page prototype's colour that does not change with the theme, kept out of the first block so the Elementor kit
   (scripts/kit-tokens.py, which reads that block) is unchanged: the not-found page's search placeholder, on a pill
   that is white in both themes (not-found.html:19, D11 T05 §5; scripts/page-styles.py puts the token in its place). */
:root {
	--placeholder-on-white: #8a8380;
}