/* Prodigy Mindsight: true black and ice blue, as in the app (Mindsight/MindsightStyle.swift); a pale ice page in light.
   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: "Marcellus";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("fonts/marcellus.woff2") format("woff2");
}

@font-face {
	font-family: "Figtree";
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url("fonts/figtree.woff2") format("woff2");
}

:root {
	--bg: #F4F8FB;
	--bg-2: #E9F0F5;
	--surface: #FFFFFF;
	--surface-2: #EEF4F8;
	--glass: rgba(255, 255, 255, 0.72);
	--header-bg: rgba(244, 248, 251, 0.86);
	--fg: #16202A;
	--fg-2: #4A5866;
	--heading: #0B1520;
	--line: #D6E1E9;
	--line-2: #B9CAD6;
	--accent: #0E3B52;
	--accent-ink: #F2FAFF;
	--accent-2: #3FA9D8;
	--label: #1B5E7E;
	--link: #1A6487;
	--link-hover: #0E3B52;
	--focus: #1A6487;
	--shadow: rgba(11, 21, 32, 0.14);
	--shadow-soft: rgba(11, 21, 32, 0.06);
	--halo: rgba(63, 169, 216, 0.2);
	--spark-1: #7E8C9A;
	--spark-2: #5C6B7A;
	--spark-3: #A3B0BC;
	--sky-1: #F4F8FB;
	--sky-2: #F4F8FB;
	--sky-3: #F4F8FB;
	--sig-glow: #3FA9D8;
	--sig-line: #16202A;
	--sig-core: #FFFFFF;
	--f-display: Marcellus, "Trajan Pro", "Iowan Old Style", Georgia, serif;
	--f-body: Figtree, "Avenir Next", "Segoe UI", system-ui, sans-serif;
	--w-hero: 400;
	--w-head: 400;
	--w-body-strong: 600;
	--fs-hero: clamp(2.6rem, 4vw + 1.3rem, 4.6rem);
	--lh-head: 1.1;
	--track-label: 0.18em;
	--radius: 14px;
	--radius-lg: 20px;
	--max: 1120px;
}

@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) {
		--bg: #000000;
		--bg-2: #07080C;
		--surface: #0E0E14;
		--surface-2: #16161E;
		--glass: rgba(14, 14, 20, 0.72);
		--header-bg: rgba(0, 0, 0, 0.8);
		--fg: #FFFFFF;
		--fg-2: #ADADAD;
		--heading: #FFFFFF;
		--line: #1E2430;
		--line-2: #2C3644;
		--accent: #7FD8FF;
		--accent-ink: #001521;
		--accent-2: #7FD8FF;
		--label: #7FD8FF;
		--link: #7FD8FF;
		--link-hover: #B5E9FF;
		--focus: #7FD8FF;
		--shadow: rgba(0, 0, 0, 0.6);
		--shadow-soft: rgba(0, 0, 0, 0.4);
		--halo: rgba(127, 216, 255, 0.18);
		--spark-1: #FFFFFF;
		--spark-2: #FFFFFF;
		--spark-3: #D9D9D9;
		--sky-1: #000000;
		--sky-2: #000000;
		--sky-3: #000000;
		--sig-glow: #7FD8FF;
		--sig-line: #FFFFFF;
		--sig-core: #FFFFFF;
		color-scheme: dark;
	}
}

:root[data-theme="dark"] {
	--bg: #000000;
	--bg-2: #07080C;
	--surface: #0E0E14;
	--surface-2: #16161E;
	--glass: rgba(14, 14, 20, 0.72);
	--header-bg: rgba(0, 0, 0, 0.8);
	--fg: #FFFFFF;
	--fg-2: #ADADAD;
	--heading: #FFFFFF;
	--line: #1E2430;
	--line-2: #2C3644;
	--accent: #7FD8FF;
	--accent-ink: #001521;
	--accent-2: #7FD8FF;
	--label: #7FD8FF;
	--link: #7FD8FF;
	--link-hover: #B5E9FF;
	--focus: #7FD8FF;
	--shadow: rgba(0, 0, 0, 0.6);
	--shadow-soft: rgba(0, 0, 0, 0.4);
	--halo: rgba(127, 216, 255, 0.18);
	--spark-1: #FFFFFF;
	--spark-2: #FFFFFF;
	--spark-3: #D9D9D9;
	--sky-1: #000000;
	--sky-2: #000000;
	--sky-3: #000000;
	--sig-glow: #7FD8FF;
	--sig-line: #FFFFFF;
	--sig-core: #FFFFFF;
	color-scheme: dark;
}