/* ATDT Admaker.se - designtokens.
   Hela identiteten ligger här. Komponenterna i atdt-theme-kit konsumerar
   variablerna.

   Tema: kunskapssajt om Google Ads och performance marketing. Uttryck: en
   datadriven annonsredaktion, dashboard-känsla. Royalblå som signalfärg,
   konverteringsgrön som sekundär (uppåt, ROAS), kyligt papper och charcoal
   bläck. Stigande staplar som motiv. Sora för rubriker, Inter för brödtext,
   IBM Plex Mono för nyckeltal (CTR, CPC, ROAS). */

:root {
	/* Färg */
	--atdt-bg:        #FBFAF8;  /* varmt papper */
	--atdt-ink:       #16181D;  /* charcoal bläck */
	--atdt-accent:    #2563EB;  /* royalblå, signalfärg */
	--atdt-accent-2:  #16A34A;  /* konverteringsgrön, sekundär */
	--atdt-neutral:   #E7E5E1;  /* ramar och ytor */
	--atdt-positive:  #16A34A;  /* för-rader, uppåt */
	--atdt-negative:  #DC2626;  /* emot-rader, nedåt */

	/* Härledda ytor */
	--atdt-surface:   #FFFFFF;  /* kort och rutor */
	--atdt-on-accent: #FFFFFF;  /* text på accentytor */
	--atdt-muted:     #5A6072;  /* dämpad text, metadata */

	/* Typografi */
	--atdt-font-display: "Sora", "Segoe UI", system-ui, 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:    10px;
	--atdt-maxwidth:  720px;
}