/* Design tokens. Source: docs/design.md. Light theme only, by choice. */

@font-face {
	font-family: "Schibsted Grotesk";
	src: url("../fonts/schibsted-grotesk-latin.woff2") format("woff2");
	font-weight: 400 900;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Schibsted Grotesk";
	src: url("../fonts/schibsted-grotesk-latin-ext.woff2") format("woff2");
	font-weight: 400 900;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
	--c-bg: #FFFFFF;
	--c-surface: #F4F3EF;     /* warm white for sections and cards */
	--c-ink: #0B0B0B;         /* text and inverted sections */
	--c-ink-2: #55534E;       /* secondary text */
	--c-line: #E3E1DB;
	--c-accent: #FF4A1C;      /* "ADP Signal": shapes, big numbers, progress, active states. Never small text on white. */
	--c-accent-ink: #0B0B0B;  /* text on accent */
	--c-focus: #1F5CFF;
	--c-invert-2: #B9B7B1;    /* secondary text on black (AA) */

	--font: "Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

	--fs-display: clamp(3rem, 9vw, 8.5rem);
	--fs-h1: clamp(2.5rem, 6.5vw, 6rem);
	--fs-h2: clamp(2rem, 4.5vw, 4rem);
	--fs-h3: clamp(1.375rem, 2.2vw, 1.875rem);
	--fs-q: clamp(1.75rem, 4.5vw, 3.5rem);
	--fs-lead: 1.375rem;
	--fs-body: 1.125rem;
	--fs-small: 0.875rem;

	--space: clamp(4rem, 10vw, 10rem);
	--gutter: 16px;
	--maxw: 1440px;
	--radius: 2px;
	--ease: cubic-bezier(.2, .7, .1, 1);
	--header-h: 64px;
}

@media (min-width: 768px) {
	:root {
		--gutter: 32px;
		--header-h: 80px;
	}
}