/* ATDT Svenskafik.se - designtokens.

   IDENTITET: svenskt folkhemsfik, 1950-tal. Konditoriet på hörnet med
   vaxduk på borden, teakpanel, petrolgrön skylt och mässingsdetaljer.
   Varmt och vardagligt, inte nostalgipastisch.

   Referenserna är konkreta och styr färgvalen:
   - vaxduken och tapeten ger den varma krämiga bottnen
   - teaken ger textfärgen, som aldrig är ren svart
   - petrolgrönt var 1950-talets svenska skyltfärg framför andra
   - oxblodsrött satt på konditoriets markiser och menytavlor
   - mässing och formica ger den gula accenten, som bär betygen
   - Gustavsbergsporslinet ger den vita ytfärgen, gräddad och inte kall

   Detta är hela identiteten. Komponenterna i atdt-theme-kit konsumerar
   variablerna. Byt värdena, byt sajtuttryck. */

:root {
	/* Färg */
	--atdt-bg:        #F7F1E4;  /* vaxduk, varm gräddvit */
	--atdt-ink:       #2B2018;  /* teak, nästan-svart varmbrun */
	--atdt-accent:    #2E6F6B;  /* petrolgrön, 50-talets skyltfärg */
	--atdt-accent-2:  #8C3A2E;  /* oxblod, markis och menytavla */
	--atdt-neutral:   #E5D9C3;  /* formicakant, ramar och ytor */
	--atdt-positive:  #4A7C3F;  /* dämpad grön */
	--atdt-negative:  #A8432F;  /* dämpad tegel */

	--atdt-surface:   #FFFCF5;  /* Gustavsbergsporslin, kort och paneler */
	--atdt-muted:     #6B5D4F;  /* sekundär text, varmgrå */
	--atdt-on-accent: #FFF9EE;  /* text ovanpå accentfyllning */

	/* Egna tokens utöver theme-kit-kontraktet.
	   Mässing bär BETYGEN, vilket är medvetet: stjärnorna ska läsa som
	   mässing på en skylt, inte som Googles gula. */
	--atdt-brass:     #C89B3C;  /* mässing, betygsstjärnor och linjer */
	--atdt-brass-dim: #E3D2A8;  /* tom stjärna, mässing i skugga */
	--atdt-mint:      #BFD8CE;  /* formica mint, mjuka ytor */
	--atdt-rose:      #E6C6BC;  /* 50-talsrosa, sparsamt */

	/* Typografi */
	--atdt-font-display: "Newsreader", Georgia, serif;
	--atdt-font-body:    "Familjen Grotesk", system-ui, sans-serif;
	--atdt-font-mono:    ui-monospace, SFMono-Regular, monospace;

	/* Form. Radien är liten med flit: 50-talets möbler var rundade i
	   hörnen men inte mjuka, och en stor radie drar mot 2010-talets webb. */
	--atdt-radius:    4px;
	--atdt-maxwidth:  760px;
}