/* Brand tokens: typefaces and the EcoQCode palette.
   Loaded first by every page, so both the dashboard and the customer-facing
   voucher card read from one set of values. */

@font-face {
	font-family: "Geist";
	src: url("/static/fonts/geist.woff2") format("woff2");
	font-weight: 100 900;
	font-display: swap;
}
@font-face {
	font-family: "Inter";
	src: url("/static/fonts/inter.woff2") format("woff2");
	font-weight: 100 900;
	font-display: swap;
}

/* EcoQCode brand palette (ecoqcode.com): seagreen primary, yellowgreen accent,
   whitesmoke ground, darkslategray ink. */
:root {
	--paper: #F1F5F4;
	--surface: #FFFFFF;
	--ink: #292F35;
	--mute: #696463;
	--faint: #91A99B;
	--rule: #BFC9C3;
	--rule-strong: #292F35;
	--pine: #0E6237;
	--pine-ink: #F1F5F4;
	/* the accent is spent on the primary action, focus rings and live signals only */
	--lime: #8FC548;
	--lime-ink: #1E2B15;
	--wheat: #DAD1A4;
	--ok: #32915B;   --ok-dot: #3EA672;
	--warn: #7A6E33; --warn-dot: #DAD1A4;
	--bad: #A33326;  --bad-dot: #CC5546;
	--shadow: 0 8px 24px rgba(41, 47, 53, .16);
}
@media (prefers-color-scheme: dark) {
	:root {
		--paper: #292F35;
		--surface: #313941;
		--ink: #F1F5F4;
		--mute: #91A99B;
		--faint: #6E7B74;
		--rule: #3C444B;
		--rule-strong: #F1F5F4;
		--pine: #1C5F3C;
		--wheat: #C9BD84;
		--ok: #3EA672;   --ok-dot: #3EA672;
		--warn: #DAD1A4; --warn-dot: #C9BD84;
		--bad: #E0796C;  --bad-dot: #CC5546;
		--shadow: 0 8px 24px rgba(0, 0, 0, .45);
	}
}