/*
 * lagar.se Register: tokens och typsnitt.
 * Källa: designsystemet "lagar.se Register" (Claude Design), fas 0 godkänd 2026-10-22.
 * Typsnitten är självhostade (SIL OFL 1.1, licenser i assets/fonts/).
 */
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/ibm-plex-sans-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/ibm-plex-sans-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/ibm-plex-sans-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/ibm-plex-mono-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/ibm-plex-mono-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Source Serif 4"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/source-serif-4-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Source Serif 4"; font-style: italic; font-weight: 400; font-display: swap; src: url("../fonts/source-serif-4-latin-400-italic.woff2") format("woff2"); }
@font-face { font-family: "Source Serif 4"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/source-serif-4-latin-600-normal.woff2") format("woff2"); }

:root {
	--paper: #ffffff;
	--surface: #f4f5f6;
	--line: #e3e5e8;
	--line-strong: #c9cdd3;
	--ink: #0b0d10;
	--ink-1: #2a2f36;
	--ink-2: #5b636e;
	--ink-3: #9aa1ab;
	--live: #0f7b4e;
	--live-soft: #e6f2ec;
	--warn: #8a5a00;
	--warn-soft: #fbf3e2;
	--on-ink: #ffffff;
	--focus: var(--live);

	--font-sans: "IBM Plex Sans", ui-sans-serif, "Helvetica Neue", Arial, sans-serif;
	--font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
	--font-serif: "Source Serif 4", "Iowan Old Style", Georgia, serif;

	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-6: 24px;
	--space-8: 32px;
	--space-12: 48px;

	--radius-0: 0;
	--radius-sm: 2px;
	--radius-dot: 50%;

	--content-max: 1240px;
	--measure: 64ch;
	--rail-width: 300px;
	--toc-width: 220px;

	--ad-inline-min: 100px;
	--ad-rail-min: 250px;
	--ad-wide-min: 110px;
}

/* Mörkt läge följer besökarens systeminställning. */
@media (prefers-color-scheme: dark) {
	:root {
		--paper: #0e1013;
		--surface: #16191d;
		--line: #262a30;
		--line-strong: #353a42;
		--ink: #eef0f2;
		--ink-1: #cdd2d8;
		--ink-2: #9aa1ab;
		--ink-3: #6b737e;
		--live: #3dbe86;
		--live-soft: #11291f;
		--warn: #e0b054;
		--warn-soft: #2a2213;
		--on-ink: #0e1013;
		color-scheme: dark;
	}
}