/* ATDT designtokens for klimatfond.se. Arketyp E (Trust/Authority, YMYL).
 *
 * Identitet: "granskningsprospekt", inte miljobroschyr. Sajtens jobb ar att
 * granska fonders klimatpastaenden, alltsa bar den inte den grona farg den
 * granskar. Signalfargen ar en djup oxblod/bourgogne (arkiv, arsredovisning,
 * revision). Gront forekommer bara som accent-2 i faktarutan, alltid
 * underordnat och aldrig som text: det ar pastaendet vi undersoker, inte
 * pastaendet vi gor.
 *
 * WCAG AA, raknade kvoter (inte bedomda), se arbetsloggen 2026-07-15:
 *   ink pa bg .................... 15,91:1
 *   ink pa surface ............... 17,35:1
 *   accent pa bg (lankar) ......... 7,79:1
 *   accent pa surface (lankar) .... 8,49:1
 *   on-accent pa accent (knapp) ... 8,49:1
 *   muted pa bg (fotokredit) ...... 6,54:1
 *   ink pa neutral (tabellhuvud) . 12,64:1
 *   ink pa faktaruta-tint ........ 15,44:1
 *   accent-2 pa surface (ram) ..... 7,23:1  (krav 3,0, ej text)
 *
 * Unikhet mot syskonen i kluster B: dessa kor genomgaende teal/petrol/navy
 * (finansdoktorn #1C6E8C, allcareers #0E6E6E, bostadformedlingen #2F6E78,
 * fonder-och-stipendier #356A6B) med Lora/Source Serif 4 + Inter. Oxblod +
 * Literata + Atkinson Hyperlegible delas med ingen sajt i portfoljen.
 */
:root {
	--atdt-bg:        #F6F5F2;  /* papper: varm sten, prospekt snarare an skarm */
	--atdt-ink:       #181B1A;  /* narsvart med svag neutral kyla */
	--atdt-accent:    #8A2B33;  /* oxblod/bourgogne: arkiv, revision, allvar */
	--atdt-accent-2:  #4A5D32;  /* dampad mossa: amnesnick, bara i faktarutan */
	--atdt-neutral:   #DEDCD5;  /* ramar, tabellhuvud */
	--atdt-positive:  #3A6B45;
	--atdt-negative:  #8A2B33;

	--atdt-surface:   #FFFFFF;  /* kort = dokument pa papperet */
	--atdt-on-accent: #FFFFFF;
	--atdt-muted:     #5A5850;  /* fotokredit, bildtext */

	--atdt-font-display: "Literata", Georgia, "Times New Roman", serif;
	--atdt-font-body:    "Atkinson Hyperlegible", system-ui, -apple-system, sans-serif;
	--atdt-font-mono:    "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

	--atdt-radius:    8px;
	--atdt-maxwidth:  720px;
}