/* domeneschluse - designtokens (#110). Én kilde for farger, skrift, avstand,
   radius og bevegelse. Se docs/ux/design.md. Ingen side eller mal skal ha
   egne fargeverdier: bruk variablene her. tests/test_tokens.py håndhever det. */
:root{
  /* Flater */
  --leire:#EDE4E0;        /* sidebakgrunn */
  --flate:#F6F0EC;        /* hevet flate: topplinje, hover, kort */
  --hvit:#FFFFFF;         /* skjemafelt og kort som skal løfte seg mest */
  --natt:#14130F;         /* mørk flate: terminal, kodeblokker, diagram */
  /* Tekst */
  --blekk:#121210;        /* brødtekst og overskrifter */
  --dempet:#6A625B;       /* sekundærtekst, etiketter */
  --natt-tekst:#E9E3DA;   /* tekst på natt */
  --natt-dempet:#87806F;  /* sekundærtekst på natt */
  /* Linjer */
  --linje:#D6C9C2;
  /* Signal: grønn = ok/primær, rød = feil. Ingen andre aksenter. */
  --gronn:#2E5E3A;
  --rod:#9E2B26;
  --gronn-tint:#E7EEE5;   /* bakgrunn for ok-melding */
  --rod-tint:#F3E3E1;     /* bakgrunn for feilmelding */
  --natt-gronn:#93C0A0;   /* grønn på natt */
  --natt-rod:#DC8B84;     /* rød på natt */
  /* Skrift */
  --sans:"General Sans","Helvetica Neue",Arial,sans-serif;
  --serif:"Instrument Serif",Georgia,serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  /* Avstand: 4px-base */
  --a1:4px; --a2:8px; --a3:12px; --a4:16px; --a5:24px; --a6:32px; --a7:48px; --a8:72px;
  /* Form og bevegelse */
  --radius:2px;
  --fart:150ms;
}
@media (prefers-reduced-motion: reduce){
  :root{--fart:0ms}
  *,*::before,*::after{animation-duration:0ms!important;transition-duration:0ms!important}
}