/* Automaattisesti generoidut värikorit. Dark = Tyyli/index.html, light = Tyyli/styles.css */
:root {
    --teksti_8: rgba(255,255,255,0.8);
    --teksti_7: rgba(255,255,255,0.7);
    --teksti_45: rgba(255,255,255,0.45);
    --teksti_6: rgba(255,255,255,0.6);
    --teksti_4: rgba(255,255,255,0.4);
    --teksti_5: rgba(255,255,255,0.5);
    --aks_3: rgba(59,130,246,0.3);
    --aks_4: rgba(59,130,246,0.4);
    --aks_5: rgba(59,130,246,0.5);
    --aks_03: rgba(59,130,246,0.03);
    --aks_2: rgba(59,130,246,0.2);
    --aks_20: rgba(59,130,246,0.2);
    --aks_8: rgba(59,130,246,0.8);
    --aks_7: rgba(59,130,246,0.7);
    --aks_18: rgba(59,130,246,0.18);
    --aks_45: rgba(59,130,246,0.45);
    --aks_6: rgba(59,130,246,0.6);
    --aks_35: rgba(59,130,246,0.35);
    --aks_55: rgba(59,130,246,0.55);
    --aks2_2: rgba(37,99,235,0.2);
    --aks2_3: rgba(37,99,235,0.3);
    --aks2_03: rgba(37,99,235,0.03);
    --aks2_4: rgba(37,99,235,0.4);
    --aks2_6: rgba(37,99,235,0.6);
    --aks2_55: rgba(37,99,235,0.55);
    --aks2_25: rgba(37,99,235,0.25);
    --ros_03: rgba(249,115,22,0.03);
    --ros_3: rgba(249,115,22,0.3);
    --ros_2: rgba(249,115,22,0.2);
    --ros_4: rgba(249,115,22,0.4);
    --ros_6: rgba(249,115,22,0.6);
    --ros_55: rgba(249,115,22,0.55);
    --vio_3: rgba(139,92,246,0.3);
    --vio_2: rgba(139,92,246,0.2);
    --vio_4: rgba(139,92,246,0.4);
    --vio_5: rgba(139,92,246,0.5);
    --vir_3: rgba(239,68,68,0.3);
    --vir_2: rgba(239,68,68,0.2);
    --vir_4: rgba(239,68,68,0.4);
    --vir_5: rgba(239,68,68,0.5);
    --vir_18: rgba(239,68,68,0.18);
    --vir_7: rgba(239,68,68,0.7);
    --vir_55: rgba(239,68,68,0.55);
    --vir_22: rgba(239,68,68,0.22);
    --vir_45: rgba(239,68,68,0.45);
    --kehys_vaara55: rgba(239,68,68,.55);
    --vir_6: rgba(153,27,27,0.6);
    --vih_3: rgba(22,163,74,0.3);
    --vih_1: rgba(22,163,74,0.1);
    --vih_2: rgba(22,163,74,0.2);
    --vih_55: rgba(22,163,74,0.55);
    --vih_45: rgba(21,128,61,0.45);
    --kehys_onnistui55: rgba(22,163,74,.55);
    --peite_1: rgba(255,255,255,0.1);
    --peite_05: rgba(255,255,255,0.05);
    --peite_15: rgba(255,255,255,0.15);
    --peite_2: rgba(255,255,255,0.2);
    --peite_9: rgba(255,255,255,0.9);
    --peite_7: rgba(255,255,255,0.7);
    --peite_3: rgba(255,255,255,0.3);
    --peite_25: rgba(255,255,255,0.25);
    --peite_5: rgba(255,255,255,0.5);
    --peite_12: rgba(255,255,255,0.12);
    --peite_06: rgba(255,255,255,0.06);
    --peite_95: rgba(255,255,255,0.95);
    --peite_75: rgba(255,255,255,0.75);
    --peite_35: rgba(255,255,255,0.35);
    --tumma_3: rgba(0,0,0,0.3);
    --tumma_8: rgba(0,0,0,0.8);
    --tumma_5: rgba(0,0,0,0.5);
    --tumma_4: rgba(0,0,0,0.4);
    --tumma_2: rgba(0,0,0,0.2);
    --tumma_7: rgba(0,0,0,0.7);
    --tumma_9: rgba(0,0,0,0.9);
    --tumma_6: rgba(0,0,0,0.6);
    --tumma_35: rgba(0,0,0,0.35);
    --onnistui_teksti: #4ade80;
    --vaara_teksti: #f87171;
    --pinta_tumma: #111114;
    --kehys: rgba(255,255,255,.1);
    --teksti_9: rgba(255,255,255,0.9);
    --aks_1: rgba(59,130,246,0.1);
    --peite_4: rgba(255,255,255,0.4);
    --tumma_1: rgba(0,0,0,0.1);
    --tumma_75: rgba(0,0,0,0.75);
    --tumma_95: rgba(0,0,0,0.95);
    --tumma_85: rgba(0,0,0,0.85);
    --aksentti: #3b82f6;
    --valikko_tausta: #0f0f12;
    --video_tausta: #000000;
}

[data-teema="vaalea"] {
    /* Vaalea teema: musta-valkoinen, selkeä kontrasti. Aksentit neutraalin
       mustia (ei vihreää); vihreä ja punainen jäävät vain onnistumis-/virhe-väreihin. */
    --teksti_8: rgba(17,17,17,0.85);
    --teksti_7: rgba(17,17,17,0.75);
    --teksti_45: rgba(17,17,17,0.55);
    --teksti_6: rgba(17,17,17,0.65);
    --teksti_4: rgba(17,17,17,0.5);
    --teksti_5: rgba(17,17,17,0.6);
    --aks_3: rgba(17,17,17,0.3);
    --aks_4: rgba(17,17,17,0.4);
    --aks_5: rgba(17,17,17,0.55);
    --aks_03: rgba(17,17,17,0.04);
    --aks_2: rgba(17,17,17,0.15);
    --aks_20: rgba(17,17,17,0.15);
    --aks_8: rgba(17,17,17,0.85);
    --aks_7: rgba(17,17,17,0.75);
    --aks_18: rgba(17,17,17,0.15);
    --aks_45: rgba(17,17,17,0.45);
    --aks_6: rgba(17,17,17,0.6);
    --aks_35: rgba(17,17,17,0.35);
    --aks_55: rgba(17,17,17,0.55);
    --aks2_2: rgba(0,0,0,0.15);
    --aks2_3: rgba(0,0,0,0.3);
    --aks2_03: rgba(0,0,0,0.04);
    --aks2_4: rgba(0,0,0,0.4);
    --aks2_6: rgba(0,0,0,0.6);
    --aks2_55: rgba(0,0,0,0.55);
    --aks2_25: rgba(0,0,0,0.25);
    --ros_03: rgba(17,17,17,0.04);
    --ros_3: rgba(17,17,17,0.3);
    --ros_2: rgba(17,17,17,0.15);
    --ros_4: rgba(17,17,17,0.4);
    --ros_6: rgba(17,17,17,0.6);
    --ros_55: rgba(17,17,17,0.55);
    --vio_3: rgba(17,17,17,0.3);
    --vio_2: rgba(17,17,17,0.15);
    --vio_4: rgba(17,17,17,0.4);
    --vio_5: rgba(17,17,17,0.5);
    --vir_3: rgba(185,28,28,0.17);
    --vir_2: rgba(185,28,28,0.11);
    --vir_4: rgba(185,28,28,0.22);
    --vir_5: rgba(185,28,28,0.28);
    --vir_18: rgba(185,28,28,0.1);
    --vir_7: rgba(185,28,28,0.39);
    --vir_55: rgba(185,28,28,0.3);
    --vir_22: rgba(185,28,28,0.12);
    --vir_45: rgba(185,28,28,0.25);
    --kehys_vaara55: rgba(185,28,28,.5);
    --vir_6: rgba(153,27,27,0.4);
    /* Vihreä jää vain onnistumisen merkiksi. */
    --vih_3: rgba(0,156,91,0.3);
    --vih_1: rgba(0,156,91,0.1);
    --vih_2: rgba(0,156,91,0.2);
    --vih_55: rgba(0,156,91,0.55);
    --vih_45: rgba(0,122,74,0.45);
    --kehys_onnistui55: rgba(0,156,91,.45);
    /* Peitteet: aiempaa peittävämpiä, jotta lasinen "eetterinen" ilme
       muuttuu selkeäksi valkoiseksi pinnaksi mustalla kehyksellä. */
    --peite_1: rgba(17,17,17,.12);
    --peite_05: rgba(17,17,17,.07);
    --peite_15: rgba(17,17,17,.16);
    --peite_2: rgba(17,17,17,.24);
    --peite_9: rgba(17,17,17,.9);
    --peite_7: rgba(17,17,17,.5);
    --peite_3: rgba(17,17,17,.35);
    --peite_25: rgba(17,17,17,.26);
    --peite_5: rgba(17,17,17,.4);
    --peite_12: rgba(17,17,17,.14);
    --peite_06: rgba(17,17,17,.09);
    --peite_95: rgba(17,17,17,.95);
    --peite_75: rgba(17,17,17,.55);
    --peite_35: rgba(17,17,17,.3);
    --tumma_3: rgba(255,255,255,0.45);
    --tumma_8: rgba(255,255,255,0.9);
    --tumma_5: rgba(255,255,255,0.65);
    --tumma_4: rgba(255,255,255,0.55);
    --tumma_2: rgba(255,255,255,0.35);
    --tumma_7: rgba(255,255,255,0.8);
    --tumma_9: rgba(255,255,255,0.95);
    --tumma_6: rgba(255,255,255,0.7);
    --tumma_35: rgba(255,255,255,0.5);
    --onnistui_teksti: #007a4a;
    --vaara_teksti: #b91c1c;
    --pinta_tumma: #f2f2f2;
    --kehys: #b5b5b5;
    --teksti_9: rgba(17,17,17,0.95);
    --aks_1: rgba(17,17,17,0.08);
    --peite_4: rgba(17,17,17,.3);
    --tumma_1: rgba(255,255,255,0.2);
    --tumma_75: rgba(255,255,255,0.85);
    --tumma_95: rgba(255,255,255,0.98);
    --tumma_85: rgba(255,255,255,0.92);
    --aksentti: #111111;
    --valikko_tausta: #ffffff;
    --video_tausta: #111111;
}