/* ATDT kattägare.se - designtokens.
   Tema: kunskapssajt för kattägare om hälsa, raser, regelverk och vardag.
   Uttryck: trust/authority (arketyp E). Sajten bär djurhälsa och regelverk,
   så läsbarhet och lugn går före lekfullhet. Systersajterna i husdjursklustret
   (kattgodis.se, jycke.se, valp.nu, valpkurser.se, hundresor.se, stallråd.se)
   är alla varma och gräddiga; kattägare.se är medvetet sval.
   Paletten "Skymning": kvällsdis, nattblått och kattögats bärnsten. Katten är
   ett skymningsdjur. Disig ljusgrå bakgrund, mörkt nattblått bläck, en djup
   nattblå accent för länkar och knappar, och bärnstenen som enda varma färg,
   sparsamt: rubrikmärket, kattögemotivet, aktuell menypunkt och fokus.

   Kontrast, räknad mot WCAG 2.1:
     ink på bg 14,33  ink på surface 15,93
     muted på bg 5,72  muted på surface 6,36
     accent på bg 7,75  accent på surface 8,61  vit på accent 8,61
     accent-2 på bg 4,87  accent-2 på surface 5,42
     on-deep på deep 11,69  link-on-deep på deep 8,74
   Accenten får aldrig bära text på den mörka sidfoten (1,85). Där används
   --atdt-link-on-deep. */

:root {
	--atdt-bg:        #F1F3F6;  /* kvällsdis: sidbakgrund */
	--atdt-ink:       #1B2230;  /* nattbläck: brödtext och rubriker */
	--atdt-muted:     #57606E;  /* skiffer: ingress, bildtext, meta */
	--atdt-surface:   #FFFFFF;  /* läsyta, kort och tabeller */
	--atdt-neutral:   #D5DAE2;  /* mjuk linje */
	--atdt-accent:    #2B4C7E;  /* nattblått: länkar, knappar, kortkant */
	--atdt-accent-2:  #9A5B0E;  /* kattögats bärnsten: rubrikmärke, motiv, fokus */
	--atdt-on-accent: #FFFFFF;
	--atdt-positive:  #2E6B4A;
	--atdt-negative:  #A3362B;

	--atdt-deep:         #1B2230;  /* sidfotens band */
	--atdt-on-deep:      #D8DDE6;  /* text på bandet */
	--atdt-link-on-deep: #E9B867;  /* länkar på bandet */

	--atdt-font-display: "Brygada 1918", "Iowan Old Style", Georgia, serif;
	--atdt-font-body:    "Red Hat Text", "Segoe UI", system-ui, sans-serif;
	--atdt-font-mono:    ui-monospace, "SFMono-Regular", Menlo, monospace;

	--atdt-radius:    6px;
	--atdt-maxwidth:  740px;
}