/* ATDT Nyckelring.se - designtokens.
   Detta definierar hela den grafiska identiteten: Varm borstad guld/mässing,
   rent vitt och mjuk skandinavisk ljusgrå för en stilren och lyxig webbshopskänsla. */

:root {
	/* Färgpalett - Ljus Webbshop */
	--atdt-bg:        #F9FAFB;  /* mjuk off-white för ren och inbjudande bakgrund */
	--atdt-ink:       #212529;  /* mjuk grafit-svart för behaglig läsbarhet */
	--atdt-accent:    #B89047;  /* varm borstad guld/mässing (smyckes- och läderkänsla) */
	--atdt-accent-2:  #1F2937;  /* djup elegant mörkgrå för rubriker och knappar */
	--atdt-neutral:   #F1F3F5;  /* mycket mjuk grå för subtila ytor */
	--atdt-surface:   #FFFFFF;  /* krispigt rent vitt för produktkort och tabeller */
	--atdt-border:    #E9ECEF;  /* ren ljusgrå för delningslinjer och ramar */
	--atdt-positive:  #4E9A5D;  /* skandinavisk dämpad grön för positiva rekommendationer */
	--atdt-negative:  #C84B31;  /* dämpad rost-röd för negativa detaljer */

	/* Typografi */
	--atdt-font-display: "Outfit", "Inter", sans-serif;
	--atdt-font-body:    "Plus Jakarta Sans", "Inter", system-ui, -apple-system, sans-serif;
	--atdt-font-mono:    ui-monospace, "SF Mono", monospace;

	/* Form & Layout */
	--atdt-radius:    8px;      /* modern, ren e-handelsavrundning */
	--atdt-maxwidth:  700px;    /* optimal radlängd för läsbarhet */
}