/* ATDT Energideklarationer.se - designtokens.
   Detta är hela identiteten. Komponenterna i atdt-theme-kit konsumerar
   dessa variabler. Byt värdena, byt sajtuttryck.
   Uttryck: tekniskt, infografiskt, byggt kring energiklass-etikettens
   färgskala (A grön till G röd). Datadrivet och tillförlitligt. */

:root {
	/* Färg */
	--atdt-bg:        #F6F8F7;  /* ljus, sval grågrön */
	--atdt-ink:       #14201D;  /* mörk slate */
	--atdt-accent:    #0E5A52;  /* petrol, djup teal, signalfärg */
	--atdt-accent-2:  #3DA935;  /* energigrön, A-klass */
	--atdt-neutral:   #DDE5E1;  /* ramar och ytor */
	--atdt-positive:  #2F9E44;  /* effektiv, låg energianvändning */
	--atdt-negative:  #D9534F;  /* energiklass-röd, hög förbrukning */

	/* Energiklass-skala (A till G), motivets palett.
	   Grön till röd, samma logik som Boverkets energietikett. */
	--atdt-energy-a:  #2F9E44;  /* mycket effektiv */
	--atdt-energy-b:  #66B82E;
	--atdt-energy-c:  #A8C53A;
	--atdt-energy-d:  #E6C229;
	--atdt-energy-e:  #F0B429;
	--atdt-energy-f:  #E8833A;
	--atdt-energy-g:  #D9534F;  /* mycket ineffektiv */

	/* Typografi */
	--atdt-font-display: "Sora", "Helvetica Neue", Arial, sans-serif;
	--atdt-font-body:    "Inter", system-ui, -apple-system, sans-serif;
	--atdt-font-mono:    "IBM Plex Mono", ui-monospace, "SF Mono", monospace;

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