/* Prodigy token contract.
   Every token is declared here on bare :root with the prodigyhealing light values (the Observatory) as defaults.
   Dark values follow in the two blocks below. A skin overrides the same tokens the same three ways,
   and never adds a token that is not declared here. No other stylesheet holds a literal color. */

:root {
	/* Grounds and surfaces */
	--bg: #F7F1E6;
	--bg-2: #EFE6D6;
	--surface: #FBF7F0;
	--surface-2: #F3EBDD;
	--glass: transparent;
	--header-bg: rgba(247, 241, 230, 0.9);
	--clear: transparent;

	/* Text and lines */
	--fg: #2B1830;
	--fg-2: #5B4660;
	--heading: #2B1830;
	--line: #DCCDB9;
	--line-2: #DCCDB9;

	/* Accents: --accent fills primary buttons, --accent-ink is the text on it, --accent-2 is decorative only
	   (glows, nodes, rules), --label is the text-safe accent for eyebrows, --link for links. */
	--accent: #8F4E22;
	--accent-ink: #FBF6EE;
	--accent-2: #C77B42;
	--label: #8F4E22;
	--link: #8F4E22;
	--link-hover: #6E3914;
	--focus: #8F4E22;

	/* Depth */
	--shadow: rgba(43, 24, 48, 0.12);
	--shadow-soft: rgba(43, 24, 48, 0.06);
	--shadow-deep: rgba(10, 4, 14, 0.55);
	--halo: rgba(199, 123, 66, 0.18);

	/* The sparkle field (engine/js/sparkle.js reads these three) */
	--spark-1: #6A4C72;
	--spark-2: #B8682F;
	--spark-3: #8A6A90;

	/* Hero sky: four aurora washes over a three-stop sky */
	--aurora-1: rgba(247, 241, 230, 0);
	--aurora-2: rgba(247, 241, 230, 0);
	--aurora-3: rgba(247, 241, 230, 0);
	--aurora-4: rgba(247, 241, 230, 0);
	--sky-1: #F7F1E6;
	--sky-2: #F7F1E6;
	--sky-3: #F7F1E6;

	/* Sigil tints (inline SVG art) */
	--sig-glow: #C77B42;
	--sig-line: #6A4C72;
	--sig-core: #FBF7F0;

	/* The deep band (the felt table, the dusk footer band) */
	--deep-top: #F7F1E6;
	--deep-2: #3A2343;
	--deep: #22142A;
	--deep-glow: rgba(199, 123, 66, 0.22);
	--deep-panel: rgba(255, 255, 255, 0.05);
	--deep-line: rgba(255, 255, 255, 0.14);
	--on-deep: #F3E8DB;
	--on-deep-2: #CDBACB;
	--deep-accent: #E3A26C;
	--deep-accent-ink: #1A0F1C;
	--deep-halo: rgba(227, 162, 108, 0.3);
	--deep-sig-glow: #E3A26C;
	--deep-sig-line: #F6E5C8;
	--deep-sig-core: #FFF8EE;

	/* Print */
	--print-ink: #000000;

	/* Theme toggle icons: the one that shows */
	--show-sun: none;
	--show-moon: block;

	/* Type */
	--f-display: "Fraunces", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
	--f-body: "Jost", Futura, "Century Gothic", "Avenir Next", system-ui, sans-serif;
	--f-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
	--w-hero: 500;
	--w-head: 500;
	--w-body-strong: 500;
	--fs-hero: clamp(2.9rem, 5.2vw + 1.2rem, 5.6rem);
	--fs-h1: clamp(2.4rem, 3.4vw + 1.2rem, 4rem);
	--fs-h2: clamp(2rem, 2.6vw + 1.1rem, 3.3rem);
	--fs-h3: 1.6rem;
	--fs-h4: 1.25rem;
	--fs-lede: 1.18rem;
	--fs-body: 1.0625rem;
	--fs-small: 0.92rem;
	--fs-label: 0.78rem;
	--lh-body: 1.65;
	--lh-head: 1.08;
	--track-label: 0.16em;

	/* Shape and layout */
	--radius: 6px;
	--radius-lg: 18px;
	--radius-btn: 999px;
	--max: 1180px;
	--gutter: 16px;
	--band-pad: clamp(56px, 8vw, 104px);

	color-scheme: light;
}

@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) {
		--bg: #150D18;
		--bg-2: #1C1220;
		--surface: #22172A;
		--surface-2: #2A1D33;
		--glass: transparent;
		--header-bg: rgba(21, 13, 24, 0.9);
		--fg: #F3E9DD;
		--fg-2: #C9B6C4;
		--heading: #F3E9DD;
		--line: #3A2B40;
		--line-2: #3A2B40;
		--accent: #DE9A66;
		--accent-ink: #1A0F1C;
		--accent-2: #E3A26C;
		--label: #DE9A66;
		--link: #DE9A66;
		--link-hover: #F0BC8E;
		--focus: #DE9A66;
		--shadow: rgba(0, 0, 0, 0.45);
		--shadow-soft: rgba(0, 0, 0, 0.3);
		--shadow-deep: rgba(0, 0, 0, 0.7);
		--halo: rgba(227, 162, 108, 0.16);
		--spark-1: #F6E5C8;
		--spark-2: #E9AE78;
		--spark-3: #CDBACB;
		--aurora-1: rgba(21, 13, 24, 0);
		--aurora-2: rgba(21, 13, 24, 0);
		--aurora-3: rgba(21, 13, 24, 0);
		--aurora-4: rgba(21, 13, 24, 0);
		--sky-1: #150D18;
		--sky-2: #150D18;
		--sky-3: #150D18;
		--sig-glow: #E3A26C;
		--sig-line: #F6E5C8;
		--sig-core: #FFF8EE;
		--deep-top: #150D18;
		--deep-2: #2A1832;
		--deep: #0E0811;
		--deep-glow: rgba(227, 162, 108, 0.16);
		--on-deep: #F3E8DB;
		--on-deep-2: #CDBACB;
		--show-sun: block;
		--show-moon: none;
		color-scheme: dark;
	}
}

:root[data-theme="dark"] {
	--bg: #150D18;
	--bg-2: #1C1220;
	--surface: #22172A;
	--surface-2: #2A1D33;
	--glass: transparent;
	--header-bg: rgba(21, 13, 24, 0.9);
	--fg: #F3E9DD;
	--fg-2: #C9B6C4;
	--heading: #F3E9DD;
	--line: #3A2B40;
	--line-2: #3A2B40;
	--accent: #DE9A66;
	--accent-ink: #1A0F1C;
	--accent-2: #E3A26C;
	--label: #DE9A66;
	--link: #DE9A66;
	--link-hover: #F0BC8E;
	--focus: #DE9A66;
	--shadow: rgba(0, 0, 0, 0.45);
	--shadow-soft: rgba(0, 0, 0, 0.3);
	--shadow-deep: rgba(0, 0, 0, 0.7);
	--halo: rgba(227, 162, 108, 0.16);
	--spark-1: #F6E5C8;
	--spark-2: #E9AE78;
	--spark-3: #CDBACB;
	--aurora-1: rgba(21, 13, 24, 0);
	--aurora-2: rgba(21, 13, 24, 0);
	--aurora-3: rgba(21, 13, 24, 0);
	--aurora-4: rgba(21, 13, 24, 0);
	--sky-1: #150D18;
	--sky-2: #150D18;
	--sky-3: #150D18;
	--sig-glow: #E3A26C;
	--sig-line: #F6E5C8;
	--sig-core: #FFF8EE;
	--deep-top: #150D18;
	--deep-2: #2A1832;
	--deep: #0E0811;
	--deep-glow: rgba(227, 162, 108, 0.16);
	--on-deep: #F3E8DB;
	--on-deep-2: #CDBACB;
	--show-sun: block;
	--show-moon: none;
	color-scheme: dark;
}