/* ATDT utforskagoteborg.se - designtokens.
   Tema: besöksguide till Göteborg för den som planerar ett besök. Strategin gör
   staden till en utpräglad familjedestination: barnfiltret byggs först,
   nöjesparken och Universeum är tunga besöksmål och fikan är stadens starkaste
   matvarumärke.
   Uttryck: lekfullt och saftigt (arketyp C), alltså rundad polaroid-hero, fyllda
   tonade kort, pillerknappar och rubriker med överstruken highlight. Det gör en
   sajt som en förälder känner sig välkommen på, vilket är precis den ingång
   sajten ska vinna på.
   Paletten "Slottsskogen och tegel": limegrönt för parkerna och Slottsskogen,
   alltså det gröna som faktiskt är Göteborgs stadsbild, och hamnrost som
   sekundär. Den svagt gröntonade bakgrunden #F9FBF4 håller ihop paletten utan
   att bli mintfärgad. Rosten är avsiktligt mörkad i stället för aprikos, så att
   länktexten klarar 4,5:1 på alla fyra tonade ytor. Syne som display, Mulish som
   brödtext.
   TYDLIGT SKILD från systersajten hittagoteborg.se, som får arketyp F Directory
   med magenta palett: F är stram och tabellartad för den som slår upp en uppgift
   om sin egen stad, C är rundad och fylld för den som planerar en helg med barn.
   Arketyp, palett, typsnitt och sidfotsmotiv skiljer sig alla fyra, och de två
   paletterna ligger dessutom i olika färgfamiljer, grönt mot magenta. */

:root {
	--atdt-bg:        #F9FBF4;  /* svagt grönbrutet papper: sidbakgrund */
	--atdt-ink:       #141A0E;  /* mörk lövsvart: brödtext och rubriker */
	--atdt-muted:     #5D665A;  /* dämpad mossgrå: bildtext, meta, kontrolldatum */
	--atdt-surface:   #FFFFFF;  /* vit läsyta: kort, tabeller */
	--atdt-neutral:   #E4EBD7;  /* mjuk linje och chipsbotten, även sidfotstext på mörkt band */
	--atdt-accent:    #7FB800;  /* parklime: knappar, tabellhuvud, fyllning */
	--atdt-accent-2:  #C96A12;  /* hamnrost: highlight, korttoning, zebra */
	--atdt-on-accent: #141A0E;  /* ink på lime, 7,40:1 */
	--atdt-link:      #4F7300;  /* mörkad skogsgrön: all länktext */
	--atdt-positive:  #2F7D52;
	--atdt-negative:  #A6432B;

	--atdt-font-body:    "Mulish", system-ui, -apple-system, sans-serif;
	--atdt-font-display: "Syne", "Trebuchet MS", system-ui, sans-serif;
	--atdt-font-mono:    ui-monospace, "SFMono-Regular", Menlo, monospace;

	--atdt-radius:    18px;     /* C är rundad: kort, hero och tabeller */
	--atdt-maxwidth:  760px;
}