/* Nullpunkt — iveoapps */
/* Lag 1: identitet. Ikke bruk disse direkte i komponentkode. */
:root {
  --kasse-50: #fff2ea;
  --kasse-100: #f9e3d5;
  --kasse-200: #e1ccbf;
  --kasse-300: #c7b3a6;
  --kasse-400: #ae9a8d;
  --kasse-500: #958275;
  --kasse-600: #7a685b;
  --kasse-700: #604e43;
  --kasse-800: #47372b;
  --kasse-900: #2f2016;
  --kasse-950: #1c0e05;

  --messing-50: #fff4de;
  --messing-100: #ffe4b1;
  --messing-200: #f7ca70;
  --messing-300: #dcb056;
  --messing-400: #c89d41;
  --messing-500: #a87f1a;
  --messing-600: #8a6500;
  --messing-700: #6a4d00;
  --messing-800: #4c3600;
  --messing-900: #302100;
  --messing-950: #1a1000;

  --papir-50: #fef3ec;
  --papir-100: #f4e9e2;
  --papir-200: #d9cfc8;
  --papir-300: #c0b5ae;
  --papir-400: #a69c96;
  --papir-500: #8e847e;
  --papir-600: #736a64;
  --papir-700: #5a504b;
  --papir-800: #413933;
  --papir-900: #2a221d;
  --papir-950: #17100b;

  --status-ok-50: #e0ffdd;
  --status-ok-100: #c7f7c2;
  --status-ok-200: #b1e0ac;
  --status-ok-300: #98c693;
  --status-ok-400: #7fac7b;
  --status-ok-500: #5e8a5a;
  --status-ok-600: #4d7949;
  --status-ok-700: #345e31;
  --status-ok-800: #1b4519;
  --status-ok-900: #012e01;
  --status-ok-950: #001800;

  --status-advarsel-50: #fff3e2;
  --status-advarsel-100: #ffe3bb;
  --status-advarsel-200: #ffc66f;
  --status-advarsel-300: #e4ac54;
  --status-advarsel-400: #c08a2e;
  --status-advarsel-500: #b07b17;
  --status-advarsel-600: #906100;
  --status-advarsel-700: #6f4a00;
  --status-advarsel-800: #503400;
  --status-advarsel-900: #332000;
  --status-advarsel-950: #1b0f00;

  --status-feil-50: #fff1ef;
  --status-feil-100: #ffdfdb;
  --status-feil-200: #ffbfb5;
  --status-feil-300: #ff9689;
  --status-feil-400: #ea776b;
  --status-feil-500: #cf5f54;
  --status-feil-600: #b0433a;
  --status-feil-700: #922620;
  --status-feil-800: #730005;
  --status-feil-900: #4b0002;
  --status-feil-950: #2b0000;

  /* Typografi */
  --font-display: "Young Serif";
  --font-brod: "Karla";
  --skrift-xs: 0.444rem;
  --skrift-sm: 0.667rem;
  --skrift-base: 1rem;
  --skrift-lg: 1.5rem;
  --skrift-xl: 2.25rem;
  --skrift-2xl: 3.375rem;
  --skrift-3xl: 5.063rem;

  /* Lag 2: jobb. Dette er det komponentkoden bruker. */
  --flate: var(--kasse-900);
  --flate-hevet: var(--kasse-800);
  --flate-senket: var(--kasse-950);
  --kant: var(--kasse-400);
  --tekst: var(--papir-50);
  --tekst-dempet: var(--papir-300);
  --aksent: var(--messing-300);
  --aksent-hover: var(--messing-200);
  --aksent-tekst: var(--kasse-950);
  --ok: var(--status-ok-300);
  --advarsel: var(--status-advarsel-300);
  --feil: var(--status-feil-300);
}