/* Parent things – tokens. Laget fra tokens.json. Stemning settes med data-theme="dag" eller "kveld". */
:root, [data-theme="dag"] {
  --grunn: #FFE7C4;
  --grunn-varm: #F7CFA0;
  --gulv: #E8B07F;
  --flate: #FFF3E0;
  --blekk: #4A3B33;
  --blekk-dempet: #6E5A4D;
  --knapp: #4A3B33;
  --knapp-tekst: #FFF3E0;
  --lys: rgba(255, 250, 232, 0.5);
  --skygge: rgba(91, 58, 122, 0.22);
  --gul: #F4C430;
  --rosa: #F290A8;
  --barn: #E86F20;
  --linje: #E3C39B;
  --felt: #FFFFFF;
  --felt-tekst: #4A3B33;
  --felt-kant: #7A6352;
  --feil: #A3402A;
  --feil-flate: #FBD5C8;
}
[data-theme="kveld"] {
  --grunn: #2D3557;
  --grunn-varm: #4B4470;
  --gulv: #5A4E7C;
  --flate: #3A4068;
  --blekk: #F6E9D7;
  --blekk-dempet: #C9BFD6;
  --knapp: #FFE3A8;
  --knapp-tekst: #2D3557;
  --lys: rgba(255, 214, 140, 0.3);
  --skygge: rgba(10, 12, 30, 0.4);
  --gul: #F4C430;
  --rosa: #F290A8;
  --barn: #E86F20;
  --linje: #4A5080;
  --felt: #FBF3E6;
  --felt-tekst: #4A3B33;
  --felt-kant: #7A6352;
  --feil: #FFB4A0;
  --feil-flate: #5A3550;
}
:root {
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-6: 48px;
  --space-8: 64px;
  --space-12: 96px;
  --radius-field: 14px;
  --radius-card: 22px;
  --radius-button: 999px;
  --container: 1200px;
  --gutter: 24px;
  --sidemarg-mobil: 20px;
  --kontroll-hoyde: 48px;
  --lysvinkel: 112deg;
  --knapp-dybde: 6px;
  --motion-fast: 160ms;
  --motion-enter: 320ms;
  --ease: cubic-bezier(.22, 1, .36, 1);
  --font-heading: "Arial Rounded MT Bold", "Arial Rounded MT", Arial, sans-serif;
  --font-body: Arial, Helvetica, sans-serif;
}