/* ATDT Hittastockholm.se - designtokens.
   Tema: hub och dataprofil for Stockholm. Ryggraden ar stadsdelsguider i
   storleksordningen hundratals sidor, plus yrkes-, bransch- och bostadssidor.
   Sajten ar ingen konkurrent till natverkets elva stockholmska kvarterssajter,
   den visar helheten och lankar vidare.
   Uttryck: arketyp F directory. Scanbart och app-likt, kort med toppstripe i
   accent och jamforelsetabell med betonad forsta kolumn, alltsa formen for en
   lasare som kommer for att hitta sitt omrade och jamfora det med ett annat.
   Palett: lila mot svagt lilaskiftande papper, med djupgron som datafarg.
   Djupgronen ar vald till accent-2 for att den ar den enda ton i paletten som
   inte kan forvaxlas med lilan, och nastan varje kort pa sajten ar ocksa en
   lank. Har sammanfaller --atdt-link med --atdt-accent, eftersom lilan redan
   mater 9,32:1 mot bakgrunden och alltsa klarar text utan morkare ton. Det ar
   avsiktligt och skiljer sajten fran de tre systrarna, som alla har en separat
   morkare lankton.
   SKILD FRAN SYSTERSAJTERNA i samma batch, som delar arketyp F med avsikt:
   Goteborg karmosin med radie 6px och 1040px, Malmo gron med 12px och 1000px,
   Uppsala bla med 4px och 1020px. Stockholm har 10px och 1080px, sa att de fyra
   F-sajterna inte far identisk rytm. De skiljs ocksa at pa motiv och typsnitt.
   Display bytt 2026-09-20 efter agarbeslut: Familjen Grotesk ut, Geist in,
   eftersom arketyp F plus Familjen Grotesk plus Lexend redan fanns i
   atdt-gp-framtidensjobb-se och Familjen Grotesk narmar sig mattnad i portfoljen.
   Beslutad och kontrastprovad 2026-09-20, se Logseq-sidan Site/Hittastockholm.se.
   Positive och negative satts inte har: konceptet raknar upp paletten och nagon
   sadan ton ar inte beslutad. atdt-theme-kit har egna reservvarden. */

:root {
	--atdt-bg:           #FAF8FB;  /* svagt lilaskiftande papper */
	--atdt-ink:          #17121C;  /* brodtext, 17,45:1 mot bg */
	--atdt-muted:        #5E5568;  /* dampad text, bildtext, 6,68:1 mot bg */
	--atdt-surface:      #FFFFFF;  /* kortytor */
	--atdt-neutral:      #E5DEEC;  /* ramar, nyckeltalsfalt, tonade underlag */
	--atdt-accent:       #5A2D82;  /* lila: toppstripe, knappytor */
	--atdt-accent-2:     #0D6E5E;  /* djupgron: DATAFARG, staplar och kartmarkorer */
	--atdt-on-accent:    #FFFFFF;  /* text pa lila, 9,85:1 */
	--atdt-link:         #5A2D82;  /* lanktext, samma lila, 9,32:1 mot bg */

	--atdt-font-body:    "Lexend", system-ui, sans-serif;
	--atdt-font-display: "Geist", "Helvetica Neue", Arial, sans-serif;
	--atdt-font-mono:    "Roboto Mono", ui-monospace, monospace;

	--atdt-radius:       10px;     /* Stockholms varde, systrarna har 6, 12 och 4 */
	--atdt-maxwidth:     1080px;   /* Stockholms varde, systrarna 1040, 1000 och 1020 */
}