/*
 * danskdansk: Dansk forklaret (grammatikken) på danskdansk.dk.
 *
 * Dansk forklaret (fra 1.0.7) lader siden sætte farver, skrifter og hjørner
 * (system/dokumentation/dansk-forklaret/produkt.md, Design: »Sidens udseende«).
 * Kun variablerne mærket [side] i værkets app.css sættes, og kun på :root.
 * Værdierne kommer fra grundlag.css, som hentes lige før denne fil.
 *
 * Også farverne med betydning (Test dig selv, eksemplernes og fejlenes rammer,
 * rigtigt/forkert, markeringen), så de passer til sidens blå (Duong 12.11.2026).
 * Dansk forklaret skal have markeret dem [side]; i ældre udgaver virker de ikke.
 * Markeringen og kuglepennens streg er billeder (samme form som i værket),
 * fordi værket tegner dem sådan; farven er grundlagets.
 */

:root {
	/* Toppen: kobolt som den blå flade øverst på sidens egne skærme. */
	--top: var(--dd-kobolt);
	--top-fg: var(--dd-hvid);
	--top-soft: var(--dd-kobolt-lys);
	--top-felt: var(--dd-kobolt-moerk);
	--top-kant: var(--dd-kobolt-moerk);
	--top-par: var(--dd-kobolt-mellem); /* det store §: står bag felterne, så det har en anden tone end dem (fra Dansk forklaret 1.1.1) */

	/* Hovedknappen (»Lav en konto« i vinduet ved et låst opslag; fra Dansk forklaret 1.2.2) */
	--hovedknap: var(--dd-orange);
	--hovedknap-tekst: var(--dd-blaek);

	/* Farverne med betydning */
	--test: var(--dd-kobolt);
	--test-fg: var(--dd-hvid);
	--test-soft: var(--dd-kobolt-lys);
	--eks-ramme: var(--dd-kobolt);
	--ler: var(--dd-fare);
	--no: var(--dd-fare);
	--yes: var(--dd-rigtig);
	--rest: var(--dd-daempet);
	--tusch: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 8' preserveAspectRatio='none'%3E%3Cpath fill='%23C3CBFA' d='M1.6 4.6C6 3.1 18 2.6 34 2.9S66 2.2 82 2.5s14.6.5 16.2 1.5c.9.6.2 1.5-1.4 1.8C88 6.6 70 5.9 52 6.1S16 6.8 6 6.4C2.4 6.2.4 5.4 1.6 4.6z'/%3E%3C/svg%3E"); /* Markering */
	--pen: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath fill='%23B42318' d='M0 8.1Q45 4.4 100 2.1Q46 7.2 0 9.7Z'/%3E%3C/svg%3E"); /* Fare */

	/* Arket og fladerne: papir med hvide kort som på startskærmen. */
	--page: var(--dd-papir);
	--card: var(--dd-hvid);
	--line: var(--dd-kant);
	--edge: var(--dd-kant);
	--dot: var(--dd-daempet);
	--hover: var(--dd-graa);
	--fg: var(--dd-blaek);
	--soft: var(--dd-daempet);

	/* Skrifterne: sidens først; værkets Inter bagefter til kyrillisk (arabisk har værket selv). */
	--sans: "Atkinson Hyperlegible Next", "Inter", system-ui, sans-serif;
	--head: "danskdansk overskrift", "Inter", system-ui, sans-serif;
	--spor: -0.01em;
	--spor-titel: -0.02em;
	--spor-tekst: 0;

	/* Hjørnerne */
	--r-kort: var(--dd-radius-kort);
	--r-knap: var(--dd-radius-knap);
}