/* Generoitu tiedostoista tokenit.json ja tokenit.tumma.json (npm run tokenit). Älä muokkaa käsin. */
:root {
  color-scheme: light dark;
  --vari-pinta-perus: #fffaf7;
  --vari-pinta-nosto: #fbefea;
  --vari-pinta-upotus: #f5e3dc;
  --vari-pinta-peite: rgb(47 35 38 / 0.5);
  --vari-teksti-perus: #2f2326;
  --vari-teksti-toissijainen: #6b555a;
  --vari-teksti-kaanteinen: #ffffff;
  --vari-teksti-linkki: #8f3450;
  --vari-reuna-perus: #ead3ca;
  --vari-reuna-vahva: #7d676d;
  --vari-reuna-kentta: #7d676d;
  --vari-korostus-perus: #a8445f;
  --vari-korostus-painettu: #8a3750;
  --vari-korostus-teksti: #ffffff;
  --vari-tila-onnistui-perus: #2f7a55;
  --vari-tila-onnistui-teksti: #1f5a3c;
  --vari-tila-onnistui-pinta: #e6f3ec;
  --vari-tila-varoitus-perus: #9a5f00;
  --vari-tila-varoitus-teksti: #6b4200;
  --vari-tila-varoitus-pinta: #fcefd6;
  --vari-tila-virhe-perus: #b3261e;
  --vari-tila-virhe-teksti: #8f1d17;
  --vari-tila-virhe-pinta: #fbe8e6;
  --vari-tila-tieto-perus: #5a4a8a;
  --vari-tila-tieto-teksti: #433670;
  --vari-tila-tieto-pinta: #eeeaf7;
  --vari-kohdistus-rengas: #8a3750;
  --vari-kaavio-1: #a8445f;
  --vari-kaavio-2: #2f7a55;
  --vari-kaavio-3: #b8741c;
  --vari-kaavio-4: #5a4a8a;
  --vari-kaavio-5: #9a7a12;
  --vari-kaavio-6: #5f7683;
  --vari-kaavio-jatkuva-alku: #f3d5dc;
  --vari-kaavio-jatkuva-loppu: #7a2d45;
  --fontti-perus: "IBM Plex Sans", system-ui, sans-serif;
  --fontti-tasalevea: "IBM Plex Mono", ui-monospace, monospace;
  --koko-pienin: 13px;
  --koko-pieni: 14px;
  --koko-perus: 16px;
  --koko-iso: 18px;
  --koko-otsikko-3: 20px;
  --koko-otsikko-2: 24px;
  --koko-otsikko-1: 30px;
  --paino-perus: 400;
  --paino-vahva: 600;
  --rivinkorkeus-tiivis: 1.25;
  --rivinkorkeus-perus: 1.5;
  --valistys-1: 4px;
  --valistys-2: 8px;
  --valistys-3: 12px;
  --valistys-4: 16px;
  --valistys-5: 20px;
  --valistys-6: 24px;
  --valistys-7: 28px;
  --valistys-8: 32px;
  --sade-pieni: 8px;
  --sade-keski: 14px;
  --sade-iso: 22px;
  --kohde-min: 44px;
  --liike-lyhyt: 120ms;
  --liike-keski: 200ms;
  --liike-kayra-sisaan: cubic-bezier(0.4, 0, 1, 1);
  --liike-kayra-ulos: cubic-bezier(0, 0, 0.2, 1);
  --syvyys-taso-1: 0px 1px 3px 0px rgb(90 42 56 / 0.12);
  --syvyys-taso-2: 0px 8px 24px 0px rgb(90 42 56 / 0.18);
  --ikoni-viiva: 1.75;
  --sisalto-leveys: 1200px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-teema="vaalea"]) {
    --vari-pinta-perus: #1f1719;
    --vari-pinta-nosto: #2a1f22;
    --vari-pinta-upotus: #170f11;
    --vari-pinta-peite: rgb(0 0 0 / 0.6);
    --vari-teksti-perus: #f6e9e6;
    --vari-teksti-toissijainen: #cdb5b8;
    --vari-teksti-kaanteinen: #1f1719;
    --vari-teksti-linkki: #f0a3b7;
    --vari-reuna-perus: #43333a;
    --vari-reuna-vahva: #a38b91;
    --vari-reuna-kentta: #a38b91;
    --vari-korostus-perus: #f0a3b7;
    --vari-korostus-painettu: #f7c3d0;
    --vari-korostus-teksti: #3a0f1d;
    --vari-tila-onnistui-perus: #6fcf9b;
    --vari-tila-onnistui-teksti: #a3e4c3;
    --vari-tila-onnistui-pinta: #12301f;
    --vari-tila-varoitus-perus: #e0a63a;
    --vari-tila-varoitus-teksti: #f3cd7c;
    --vari-tila-varoitus-pinta: #33260a;
    --vari-tila-virhe-perus: #ff8a80;
    --vari-tila-virhe-teksti: #ffb4ac;
    --vari-tila-virhe-pinta: #3b1513;
    --vari-tila-tieto-perus: #b9a9f0;
    --vari-tila-tieto-teksti: #d3c8f7;
    --vari-tila-tieto-pinta: #2a2347;
    --vari-kohdistus-rengas: #f0a3b7;
    --vari-kaavio-1: #f0a3b7;
    --vari-kaavio-2: #6fcf9b;
    --vari-kaavio-3: #e0a63a;
    --vari-kaavio-4: #b9a9f0;
    --vari-kaavio-5: #d9bd52;
    --vari-kaavio-6: #9fb3c8;
    --vari-kaavio-jatkuva-alku: #4a2430;
    --vari-kaavio-jatkuva-loppu: #f0a3b7;
  }
}
:root[data-teema="tumma"] {
  --vari-pinta-perus: #1f1719;
  --vari-pinta-nosto: #2a1f22;
  --vari-pinta-upotus: #170f11;
  --vari-pinta-peite: rgb(0 0 0 / 0.6);
  --vari-teksti-perus: #f6e9e6;
  --vari-teksti-toissijainen: #cdb5b8;
  --vari-teksti-kaanteinen: #1f1719;
  --vari-teksti-linkki: #f0a3b7;
  --vari-reuna-perus: #43333a;
  --vari-reuna-vahva: #a38b91;
  --vari-reuna-kentta: #a38b91;
  --vari-korostus-perus: #f0a3b7;
  --vari-korostus-painettu: #f7c3d0;
  --vari-korostus-teksti: #3a0f1d;
  --vari-tila-onnistui-perus: #6fcf9b;
  --vari-tila-onnistui-teksti: #a3e4c3;
  --vari-tila-onnistui-pinta: #12301f;
  --vari-tila-varoitus-perus: #e0a63a;
  --vari-tila-varoitus-teksti: #f3cd7c;
  --vari-tila-varoitus-pinta: #33260a;
  --vari-tila-virhe-perus: #ff8a80;
  --vari-tila-virhe-teksti: #ffb4ac;
  --vari-tila-virhe-pinta: #3b1513;
  --vari-tila-tieto-perus: #b9a9f0;
  --vari-tila-tieto-teksti: #d3c8f7;
  --vari-tila-tieto-pinta: #2a2347;
  --vari-kohdistus-rengas: #f0a3b7;
  --vari-kaavio-1: #f0a3b7;
  --vari-kaavio-2: #6fcf9b;
  --vari-kaavio-3: #e0a63a;
  --vari-kaavio-4: #b9a9f0;
  --vari-kaavio-5: #d9bd52;
  --vari-kaavio-6: #9fb3c8;
  --vari-kaavio-jatkuva-alku: #4a2430;
  --vari-kaavio-jatkuva-loppu: #f0a3b7;
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --liike-lyhyt: 0ms;
    --liike-keski: 0ms;
  }
}