/* ATDT utforskamalmo.se - designtokens.
   Tema: besöksguide till Malmö för den som planerar ett besök. Strategin gör
   staden till en weekendstad med hög planeringsintensitet, alltså korta besök
   där sajten har några sekunder på sig att visa vad den är. Särarten är Öresund
   och en ung matscen.
   Uttryck: bold och modernt (arketyp G), uttalat design-forward. Stor typografi,
   tjocka konturer, hårda offset-skuggor utan oskärpa och kantiga former. Det
   matchar stadens egen samtida självbild, alltså Västra hamnen, Turning Torso
   och Möllevången, och gör en besöksguide som ser ut som en samtidspublikation
   i stället för en kommunbroschyr.
   Paletten "Kajkant och magenta": magentan är stadens samtida ton och inte dess
   historiska, vilket är rätt signal för en sajt vars särart är Öresund och en ung
   matscen. Öresundsblått bär gränsspåret mot Köpenhamn. Den svagt rosabrutna
   bakgrunden #FCF7FA håller magentan sammanhållen utan att sidan blir rosa.
   Darker Grotesque som display, Asap som brödtext, Spline Sans Mono som synlig
   mono.
   TYDLIGT SKILD från systersajten hittamalmo.se, som får arketyp F Directory med
   grön palett: F är tunn och scanbar, G är tjock och grafisk. Arketyp, palett,
   typsnitt och sidfotsmotiv skiljer sig alla fyra, och paletterna ligger i olika
   färgfamiljer, magenta mot grönt. */

:root {
	--atdt-bg:        #FCF7FA;  /* svagt rosabrutet papper: sidbakgrund */
	--atdt-ink:       #160F14;  /* nästan svart plommon: text, konturer, mörka band */
	--atdt-muted:     #5E5159;  /* dämpad plommongrå: bildtext, meta, kontrolldatum */
	--atdt-surface:   #FFFFFF;  /* vit läsyta: kort och tabeller */
	--atdt-neutral:   #E9DFE5;  /* ljus linje, även sidfotstext på mörkt band */
	--atdt-accent:    #CE2C86;  /* samtidsmagenta: skuggor, band, citat, knappdetalj */
	--atdt-accent-2:  #10557A;  /* Öresundsblått: sekundär markör, säsongsblock, gränsspåret */
	--atdt-on-accent: #FFFFFF;  /* vit text på magenta, 4,85:1 */
	--atdt-link:      #A62068;  /* mörkad magenta: all länktext */
	--atdt-positive:  #1F6B4A;
	--atdt-negative:  #A33020;

	--atdt-font-body:    "Asap", system-ui, -apple-system, sans-serif;
	--atdt-font-display: "Darker Grotesque", "Helvetica Neue", system-ui, sans-serif;
	--atdt-font-mono:    "Spline Sans Mono", ui-monospace, "SFMono-Regular", monospace;

	--atdt-radius:    0px;      /* G är kantig, inga rundade hörn någonstans */
	--atdt-maxwidth:  800px;
}