/* Prodigy Life, the company overview at prodigylife.app: an ivory and indigo page with the gold of ProdigyClear and the Jost of the practice.
   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: "Jost";
	font-style: normal;
	font-weight: 400 600;
	font-display: swap;
	src: url("fonts/jost.woff2") format("woff2");
}

:root {
	--bg: #F8F4EC;
	--bg-2: #F0EAF2;
	--surface: #FFFDF8;
	--surface-2: #F4EEF4;
	--glass: rgba(255, 253, 248, 0.72);
	--header-bg: rgba(248, 244, 236, 0.86);
	--fg: #2A2238;
	--fg-2: #5A5068;
	--heading: #1F1830;
	--line: #E3D9DF;
	--line-2: #CFC0D6;
	--accent: #2B2350;
	--accent-ink: #FFF8EA;
	--accent-2: #C9973F;
	--label: #7F540B;
	--link: #5A3FAE;
	--link-hover: #7A4F08;
	--focus: #5A3FAE;
	--shadow: rgba(43, 35, 80, 0.14);
	--shadow-soft: rgba(43, 35, 80, 0.06);
	--halo: rgba(201, 151, 63, 0.24);
	--spark-1: #D39B33;
	--spark-2: #8C6BE0;
	--spark-3: #C77B42;
	--aurora-1: #F6DCE6;
	--aurora-2: #E0D8F8;
	--aurora-3: #FBE6C2;
	--aurora-4: #DCE9F3;
	--sky-1: #F3ECF6;
	--sky-2: #F8F4EC;
	--sky-3: #FBF1E2;
	--sig-glow: #C9973F;
	--sig-line: #5D43B3;
	--sig-core: #FFF3D6;
	--f-display: "Cormorant Garamond", Cormorant, Garamond, "Iowan Old Style", Palatino, Georgia, serif;
	--f-body: Jost, Futura, "Century Gothic", "Avenir Next", system-ui, sans-serif;
	--w-hero: 500;
	--w-head: 600;
	--w-body-strong: 500;
	--fs-hero: clamp(3rem, 5vw + 1.2rem, 5.4rem);
	--radius: 14px;
	--radius-lg: 20px;
}

@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) {
		--bg: #110D1E;
		--bg-2: #171229;
		--surface: #1E1834;
		--surface-2: #261F40;
		--glass: rgba(30, 24, 52, 0.72);
		--header-bg: rgba(17, 13, 30, 0.86);
		--fg: #EEE8F6;
		--fg-2: #BFB5D2;
		--heading: #FBF6FF;
		--line: #30284A;
		--line-2: #4A4070;
		--accent: #EFC56E;
		--accent-ink: #191233;
		--accent-2: #E9BF68;
		--label: #F1CD82;
		--link: #F1CD82;
		--link-hover: #FFE2A6;
		--focus: #F1CD82;
		--shadow: rgba(0, 0, 0, 0.45);
		--shadow-soft: rgba(0, 0, 0, 0.28);
		--halo: rgba(233, 191, 104, 0.22);
		--spark-1: #F6D690;
		--spark-2: #C7B6FF;
		--spark-3: #E3A26C;
		--aurora-1: #3A1C55;
		--aurora-2: #1B2560;
		--aurora-3: #3E2A30;
		--aurora-4: #10304A;
		--sky-1: #0C0918;
		--sky-2: #110D1E;
		--sky-3: #1A1430;
		--sig-glow: #E9BF68;
		--sig-line: #F8E4B6;
		--sig-core: #FFFAF0;
		color-scheme: dark;
	}
}

:root[data-theme="dark"] {
	--bg: #110D1E;
	--bg-2: #171229;
	--surface: #1E1834;
	--surface-2: #261F40;
	--glass: rgba(30, 24, 52, 0.72);
	--header-bg: rgba(17, 13, 30, 0.86);
	--fg: #EEE8F6;
	--fg-2: #BFB5D2;
	--heading: #FBF6FF;
	--line: #30284A;
	--line-2: #4A4070;
	--accent: #EFC56E;
	--accent-ink: #191233;
	--accent-2: #E9BF68;
	--label: #F1CD82;
	--link: #F1CD82;
	--link-hover: #FFE2A6;
	--focus: #F1CD82;
	--shadow: rgba(0, 0, 0, 0.45);
	--shadow-soft: rgba(0, 0, 0, 0.28);
	--halo: rgba(233, 191, 104, 0.22);
	--spark-1: #F6D690;
	--spark-2: #C7B6FF;
	--spark-3: #E3A26C;
	--aurora-1: #3A1C55;
	--aurora-2: #1B2560;
	--aurora-3: #3E2A30;
	--aurora-4: #10304A;
	--sky-1: #0C0918;
	--sky-2: #110D1E;
	--sky-3: #1A1430;
	--sig-glow: #E9BF68;
	--sig-line: #F8E4B6;
	--sig-core: #FFFAF0;
	color-scheme: dark;
}