/* ATDT Jobbförmedling.se - designtokens.
   Detta är hela identiteten. Komponenterna i atdt-theme-kit konsumerar
   dessa variabler. Byt värdena -> byt sajtuttryck.
   Uttryck: arbetsmarknads-dashboard, efterfrågan-amber, sky-blå. */

:root {
	/* Färg */
	--atdt-bg:        #FAFAF9;  /* varmt ljust papper */
	--atdt-ink:       #1C1917;  /* nästan-svart bläck */
	--atdt-accent:    #F59E0B;  /* demand-amber, signalfärg */
	--atdt-accent-2:  #0EA5E9;  /* sky, sekundär signal */
	--atdt-neutral:   #E7E5E4;  /* ramar och ytor */
	--atdt-positive:  #16A34A;  /* upp/positiva rader */
	--atdt-negative:  #DC2626;  /* ner/negativa rader */

	/* Ytor */
	--atdt-surface:   #FFFFFF;
	--atdt-muted:     #78716C;
	--atdt-on-accent: #1C1917;  /* mörk text på amber */

	/* Typografi */
	--atdt-font-display: "Space Grotesk", "Arial Narrow", sans-serif;
	--atdt-font-body:    "Inter", system-ui, -apple-system, sans-serif;
	--atdt-font-mono:    "JetBrains Mono", ui-monospace, "SF Mono", monospace;

	/* Form */
	--atdt-radius:    10px;
	--atdt-maxwidth:  760px;
}