/* ProdigyClear, the product: the Dawn and Dusk look.
   Self-hosted faces (SIL Open Font License, files in fonts/ beside their OFL text), then token overrides:
   light on bare :root, then the system-dark block, then the chosen-dark block. Only tokens from engine/css/tokens.css. */

@font-face {
	font-family: "Cormorant Garamond";
	font-style: normal;
	font-weight: 500 600;
	font-display: swap;
	src: url("fonts/cormorant-garamond.woff2") format("woff2");
}

@font-face {
	font-family: "Cormorant Garamond";
	font-style: italic;
	font-weight: 500 600;
	font-display: swap;
	src: url("fonts/cormorant-garamond-italic.woff2") format("woff2");
}

@font-face {
	font-family: "Source Sans 3";
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url("fonts/source-sans-3.woff2") format("woff2");
}

:root {
	--bg: #FBF8F3;
	--bg-2: #F3EDFA;
	--surface: #FFFDF9;
	--surface-2: #F5EFFB;
	--glass: rgba(255, 253, 249, 0.72);
	--header-bg: rgba(251, 248, 243, 0.84);
	--fg: #2A2444;
	--fg-2: #544C6E;
	--heading: #221A42;
	--line: #E7DEF0;
	--line-2: #CDBDEA;
	--accent: #2B2350;
	--accent-ink: #FFF8EA;
	--accent-2: #C9973F;
	--label: #7F540B;
	--link: #5A3FAE;
	--link-hover: #7A4F08;
	--focus: #5A3FAE;
	--shadow: rgba(60, 40, 110, 0.15);
	--shadow-soft: rgba(60, 40, 110, 0.07);
	--halo: rgba(227, 178, 92, 0.4);
	--spark-1: #D39B33;
	--spark-2: #8C6BE0;
	--spark-3: #E58FB6;
	--orbit-1: #B98110;
	--orbit-2: #D9A02E;
	--orbit-3: #A2700A;
	--orbit-gain: 2;
	--aurora-1: #F8D5E6;
	--aurora-2: #D9D0FB;
	--aurora-3: #FDE2B4;
	--aurora-4: #D2E7F7;
	--sky-1: #EEE6FC;
	--sky-2: #F8EFF4;
	--sky-3: #FDF1DF;
	--sig-glow: #C9973F;
	--sig-line: #5D43B3;
	--sig-core: #FFF3D6;
	--deep-top: #FBF8F3;
	--deep-2: #C99AB6;
	--deep: #1F1745;
	--deep-glow: rgba(242, 185, 120, 0.36);
	--deep-panel: rgba(255, 255, 255, 0.05);
	--deep-line: rgba(255, 255, 255, 0.14);
	--on-deep: #F8F1E3;
	--on-deep-2: #D4CBEB;
	--deep-accent: #F0C46C;
	--deep-accent-ink: #1D1640;
	--deep-halo: rgba(240, 196, 108, 0.33);
	--deep-sig-glow: #F0C46C;
	--deep-sig-line: #FFE3A8;
	--deep-sig-core: #FFFAF0;
	--f-display: "Cormorant Garamond", Cormorant, Garamond, "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
	--f-body: "Source Sans 3", "Gill Sans", "Segoe UI", Candara, "Helvetica Neue", Arial, sans-serif;
	--w-hero: 500;
	--w-head: 600;
	--w-body-strong: 700;
	--fs-hero: clamp(2.5rem, 3.4vw + 1.2rem, 4.3rem);
	--fs-h1: clamp(2.4rem, 3.4vw + 1.2rem, 4rem);
	--fs-h2: clamp(2.1rem, 2.6vw + 1.2rem, 3.3rem);
	--fs-h3: 1.65rem;
	--fs-lede: 1.15rem;
	--fs-label: 0.8rem;
	--lh-body: 1.62;
	--radius: 16px;
	--radius-lg: 22px;
}

@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) {
		--bg: #0F0C25;
		--bg-2: #151137;
		--surface: #1A1542;
		--surface-2: #221B52;
		--glass: rgba(26, 21, 66, 0.72);
		--header-bg: rgba(15, 12, 37, 0.84);
		--fg: #ECE6FB;
		--fg-2: #BDB3DC;
		--heading: #FBF6FF;
		--line: #2E2763;
		--line-2: #544793;
		--accent: #EFC56E;
		--accent-ink: #191233;
		--accent-2: #E9BF68;
		--label: #F1CD82;
		--link: #F1CD82;
		--link-hover: #FFE2A6;
		--focus: #F1CD82;
		--shadow: rgba(0, 0, 0, 0.44);
		--shadow-soft: rgba(0, 0, 0, 0.25);
		--halo: rgba(233, 191, 104, 0.5);
		--spark-1: #F6D690;
		--spark-2: #C7B6FF;
		--spark-3: #FFFFFF;
		--orbit-1: #F6D690;
		--orbit-2: #EFC56E;
		--orbit-3: #FFF1CC;
		--orbit-gain: 2.4;
		--aurora-1: #4B2070;
		--aurora-2: #1D2C78;
		--aurora-3: #4A2F3C;
		--aurora-4: #0F3A5E;
		--sky-1: #0A081D;
		--sky-2: #120E33;
		--sky-3: #1C1546;
		--sig-glow: #E9BF68;
		--sig-line: #F8E4B6;
		--sig-core: #FFFAF0;
		--deep-top: #0F0C25;
		--deep-2: #0B0920;
		--deep: #06051A;
		--deep-glow: rgba(233, 191, 104, 0.2);
		--deep-panel: rgba(255, 255, 255, 0.04);
		--deep-line: rgba(255, 255, 255, 0.12);
		--on-deep: #F8F1E3;
		--on-deep-2: #CFC6E8;
		--deep-accent: #EFC56E;
		--deep-accent-ink: #191233;
		--deep-halo: rgba(239, 197, 110, 0.3);
		color-scheme: dark;
	}
}

:root[data-theme="dark"] {
	--bg: #0F0C25;
	--bg-2: #151137;
	--surface: #1A1542;
	--surface-2: #221B52;
	--glass: rgba(26, 21, 66, 0.72);
	--header-bg: rgba(15, 12, 37, 0.84);
	--fg: #ECE6FB;
	--fg-2: #BDB3DC;
	--heading: #FBF6FF;
	--line: #2E2763;
	--line-2: #544793;
	--accent: #EFC56E;
	--accent-ink: #191233;
	--accent-2: #E9BF68;
	--label: #F1CD82;
	--link: #F1CD82;
	--link-hover: #FFE2A6;
	--focus: #F1CD82;
	--shadow: rgba(0, 0, 0, 0.44);
	--shadow-soft: rgba(0, 0, 0, 0.25);
	--halo: rgba(233, 191, 104, 0.5);
	--spark-1: #F6D690;
	--spark-2: #C7B6FF;
	--spark-3: #FFFFFF;
	--orbit-1: #F6D690;
	--orbit-2: #EFC56E;
	--orbit-3: #FFF1CC;
	--orbit-gain: 2.4;
	--aurora-1: #4B2070;
	--aurora-2: #1D2C78;
	--aurora-3: #4A2F3C;
	--aurora-4: #0F3A5E;
	--sky-1: #0A081D;
	--sky-2: #120E33;
	--sky-3: #1C1546;
	--sig-glow: #E9BF68;
	--sig-line: #F8E4B6;
	--sig-core: #FFFAF0;
	--deep-top: #0F0C25;
	--deep-2: #0B0920;
	--deep: #06051A;
	--deep-glow: rgba(233, 191, 104, 0.2);
	--deep-panel: rgba(255, 255, 255, 0.04);
	--deep-line: rgba(255, 255, 255, 0.12);
	--on-deep: #F8F1E3;
	--on-deep-2: #CFC6E8;
	--deep-accent: #EFC56E;
	--deep-accent-ink: #191233;
	--deep-halo: rgba(239, 197, 110, 0.3);
	color-scheme: dark;
}