/* Erzeugt von werkzeuge/farben_bauen.py – nicht von Hand ändern. */
/* Farben der Zeitformen: Grundton, heller Hintergrund, dunkle Schrift. */

:root {
  --t-presente: #13889f;
  --t-presente-soft: #e3f1f3;
  --t-presente-deep: #107082;
  --t-perfecto: #2f80c4;
  --t-perfecto-soft: #e6f0f8;
  --t-perfecto-deep: #2769a1;
  --t-indefinido: #3a5f96;
  --t-indefinido-soft: #e7ecf2;
  --t-indefinido-deep: #304e7b;
  --t-imperfecto: #6b6f8c;
  --t-imperfecto-soft: #edeef1;
  --t-imperfecto-deep: #585b73;
  --t-pluscuamperfecto: #5a6480;
  --t-pluscuamperfecto-soft: #ebecf0;
  --t-pluscuamperfecto-deep: #4a5269;
  --t-futuro: #1f9c8b;
  --t-futuro-soft: #e4f3f1;
  --t-futuro-deep: #198072;
  --t-futuro_perfecto: #2d8f7a;
  --t-futuro_perfecto-soft: #e6f2ef;
  --t-futuro_perfecto-deep: #257564;
  --t-condicional: #4b7fb5;
  --t-condicional-soft: #e9f0f6;
  --t-condicional-deep: #3e6894;
  --t-condicional_perfecto: #456b9c;
  --t-condicional_perfecto-soft: #e9edf3;
  --t-condicional_perfecto-deep: #395880;
  --t-anterior: #7a7f94;
  --t-anterior-soft: #eff0f2;
  --t-anterior-deep: #646879;
  --t-subj_presente: #6a5cb5;
  --t-subj_presente-soft: #edebf6;
  --t-subj_presente-deep: #574b94;
  --t-subj_perfecto: #5f5aa8;
  --t-subj_perfecto-soft: #ecebf5;
  --t-subj_perfecto-deep: #4e4a8a;
  --t-subj_imperfecto: #7b6bb0;
  --t-subj_imperfecto-soft: #efedf6;
  --t-subj_imperfecto-deep: #655890;
  --t-subj_imperfecto_se: #8574b8;
  --t-subj_imperfecto_se-soft: #f0eef6;
  --t-subj_imperfecto_se-deep: #6d5f97;
  --t-subj_pluscuamperfecto: #6356a0;
  --t-subj_pluscuamperfecto-soft: #ecebf4;
  --t-subj_pluscuamperfecto-deep: #514783;
  --t-subj_futuro: #8a8ab0;
  --t-subj_futuro-soft: #f1f1f6;
  --t-subj_futuro-deep: #717190;
  --t-subj_futuro_perfecto: #9a9ac0;
  --t-subj_futuro_perfecto-soft: #f3f3f7;
  --t-subj_futuro_perfecto-deep: #7e7e9d;
  --t-imperativo: #c2743a;
  --t-imperativo-soft: #f8eee7;
  --t-imperativo-deep: #9f5f30;
  --t-imperativo_negativo: #a85f46;
  --t-imperativo_negativo-soft: #f5ece9;
  --t-imperativo_negativo-deep: #8a4e39;
}

/* Die Karte färbt sich nach der Zeit, die gerade geübt wird. */
[data-farbe="presente"] { --tense: var(--t-presente); --tense-soft: var(--t-presente-soft); --tense-deep: var(--t-presente-deep); }
[data-farbe="perfecto"] { --tense: var(--t-perfecto); --tense-soft: var(--t-perfecto-soft); --tense-deep: var(--t-perfecto-deep); }
[data-farbe="indefinido"] { --tense: var(--t-indefinido); --tense-soft: var(--t-indefinido-soft); --tense-deep: var(--t-indefinido-deep); }
[data-farbe="imperfecto"] { --tense: var(--t-imperfecto); --tense-soft: var(--t-imperfecto-soft); --tense-deep: var(--t-imperfecto-deep); }
[data-farbe="pluscuamperfecto"] { --tense: var(--t-pluscuamperfecto); --tense-soft: var(--t-pluscuamperfecto-soft); --tense-deep: var(--t-pluscuamperfecto-deep); }
[data-farbe="futuro"] { --tense: var(--t-futuro); --tense-soft: var(--t-futuro-soft); --tense-deep: var(--t-futuro-deep); }
[data-farbe="futuro_perfecto"] { --tense: var(--t-futuro_perfecto); --tense-soft: var(--t-futuro_perfecto-soft); --tense-deep: var(--t-futuro_perfecto-deep); }
[data-farbe="condicional"] { --tense: var(--t-condicional); --tense-soft: var(--t-condicional-soft); --tense-deep: var(--t-condicional-deep); }
[data-farbe="condicional_perfecto"] { --tense: var(--t-condicional_perfecto); --tense-soft: var(--t-condicional_perfecto-soft); --tense-deep: var(--t-condicional_perfecto-deep); }
[data-farbe="anterior"] { --tense: var(--t-anterior); --tense-soft: var(--t-anterior-soft); --tense-deep: var(--t-anterior-deep); }
[data-farbe="subj_presente"] { --tense: var(--t-subj_presente); --tense-soft: var(--t-subj_presente-soft); --tense-deep: var(--t-subj_presente-deep); }
[data-farbe="subj_perfecto"] { --tense: var(--t-subj_perfecto); --tense-soft: var(--t-subj_perfecto-soft); --tense-deep: var(--t-subj_perfecto-deep); }
[data-farbe="subj_imperfecto"] { --tense: var(--t-subj_imperfecto); --tense-soft: var(--t-subj_imperfecto-soft); --tense-deep: var(--t-subj_imperfecto-deep); }
[data-farbe="subj_imperfecto_se"] { --tense: var(--t-subj_imperfecto_se); --tense-soft: var(--t-subj_imperfecto_se-soft); --tense-deep: var(--t-subj_imperfecto_se-deep); }
[data-farbe="subj_pluscuamperfecto"] { --tense: var(--t-subj_pluscuamperfecto); --tense-soft: var(--t-subj_pluscuamperfecto-soft); --tense-deep: var(--t-subj_pluscuamperfecto-deep); }
[data-farbe="subj_futuro"] { --tense: var(--t-subj_futuro); --tense-soft: var(--t-subj_futuro-soft); --tense-deep: var(--t-subj_futuro-deep); }
[data-farbe="subj_futuro_perfecto"] { --tense: var(--t-subj_futuro_perfecto); --tense-soft: var(--t-subj_futuro_perfecto-soft); --tense-deep: var(--t-subj_futuro_perfecto-deep); }
[data-farbe="imperativo"] { --tense: var(--t-imperativo); --tense-soft: var(--t-imperativo-soft); --tense-deep: var(--t-imperativo-deep); }
[data-farbe="imperativo_negativo"] { --tense: var(--t-imperativo_negativo); --tense-soft: var(--t-imperativo_negativo-soft); --tense-deep: var(--t-imperativo_negativo-deep); }

/* Reiter über der Aufgabe */
.mode-tab[data-mode="presente"][aria-pressed="true"] { background: var(--t-presente); }
.mode-tab[data-mode="perfecto"][aria-pressed="true"] { background: var(--t-perfecto); }
.mode-tab[data-mode="indefinido"][aria-pressed="true"] { background: var(--t-indefinido); }
.mode-tab[data-mode="imperfecto"][aria-pressed="true"] { background: var(--t-imperfecto); }
.mode-tab[data-mode="pluscuamperfecto"][aria-pressed="true"] { background: var(--t-pluscuamperfecto); }
.mode-tab[data-mode="futuro"][aria-pressed="true"] { background: var(--t-futuro); }
.mode-tab[data-mode="futuro_perfecto"][aria-pressed="true"] { background: var(--t-futuro_perfecto); }
.mode-tab[data-mode="condicional"][aria-pressed="true"] { background: var(--t-condicional); }
.mode-tab[data-mode="condicional_perfecto"][aria-pressed="true"] { background: var(--t-condicional_perfecto); }
.mode-tab[data-mode="anterior"][aria-pressed="true"] { background: var(--t-anterior); }
.mode-tab[data-mode="subj_presente"][aria-pressed="true"] { background: var(--t-subj_presente); }
.mode-tab[data-mode="subj_perfecto"][aria-pressed="true"] { background: var(--t-subj_perfecto); }
.mode-tab[data-mode="subj_imperfecto"][aria-pressed="true"] { background: var(--t-subj_imperfecto); }
.mode-tab[data-mode="subj_imperfecto_se"][aria-pressed="true"] { background: var(--t-subj_imperfecto_se); }
.mode-tab[data-mode="subj_pluscuamperfecto"][aria-pressed="true"] { background: var(--t-subj_pluscuamperfecto); }
.mode-tab[data-mode="subj_futuro"][aria-pressed="true"] { background: var(--t-subj_futuro); }
.mode-tab[data-mode="subj_futuro_perfecto"][aria-pressed="true"] { background: var(--t-subj_futuro_perfecto); }
.mode-tab[data-mode="imperativo"][aria-pressed="true"] { background: var(--t-imperativo); }
.mode-tab[data-mode="imperativo_negativo"][aria-pressed="true"] { background: var(--t-imperativo_negativo); }

/* Spaltenköpfe der Formentabelle */
.conjugation-table thead th.t-presente { background: var(--t-presente-soft); color: var(--t-presente-deep); }
.conjugation-table thead th.t-perfecto { background: var(--t-perfecto-soft); color: var(--t-perfecto-deep); }
.conjugation-table thead th.t-indefinido { background: var(--t-indefinido-soft); color: var(--t-indefinido-deep); }
.conjugation-table thead th.t-imperfecto { background: var(--t-imperfecto-soft); color: var(--t-imperfecto-deep); }
.conjugation-table thead th.t-pluscuamperfecto { background: var(--t-pluscuamperfecto-soft); color: var(--t-pluscuamperfecto-deep); }
.conjugation-table thead th.t-futuro { background: var(--t-futuro-soft); color: var(--t-futuro-deep); }
.conjugation-table thead th.t-futuro_perfecto { background: var(--t-futuro_perfecto-soft); color: var(--t-futuro_perfecto-deep); }
.conjugation-table thead th.t-condicional { background: var(--t-condicional-soft); color: var(--t-condicional-deep); }
.conjugation-table thead th.t-condicional_perfecto { background: var(--t-condicional_perfecto-soft); color: var(--t-condicional_perfecto-deep); }
.conjugation-table thead th.t-anterior { background: var(--t-anterior-soft); color: var(--t-anterior-deep); }
.conjugation-table thead th.t-subj_presente { background: var(--t-subj_presente-soft); color: var(--t-subj_presente-deep); }
.conjugation-table thead th.t-subj_perfecto { background: var(--t-subj_perfecto-soft); color: var(--t-subj_perfecto-deep); }
.conjugation-table thead th.t-subj_imperfecto { background: var(--t-subj_imperfecto-soft); color: var(--t-subj_imperfecto-deep); }
.conjugation-table thead th.t-subj_imperfecto_se { background: var(--t-subj_imperfecto_se-soft); color: var(--t-subj_imperfecto_se-deep); }
.conjugation-table thead th.t-subj_pluscuamperfecto { background: var(--t-subj_pluscuamperfecto-soft); color: var(--t-subj_pluscuamperfecto-deep); }
.conjugation-table thead th.t-subj_futuro { background: var(--t-subj_futuro-soft); color: var(--t-subj_futuro-deep); }
.conjugation-table thead th.t-subj_futuro_perfecto { background: var(--t-subj_futuro_perfecto-soft); color: var(--t-subj_futuro_perfecto-deep); }
.conjugation-table thead th.t-imperativo { background: var(--t-imperativo-soft); color: var(--t-imperativo-deep); }
.conjugation-table thead th.t-imperativo_negativo { background: var(--t-imperativo_negativo-soft); color: var(--t-imperativo_negativo-deep); }

/* Auswahl in den Einstellungen */
.check input:checked + .check-pill.t-presente { background: var(--t-presente); }
.check input:checked + .check-pill.t-perfecto { background: var(--t-perfecto); }
.check input:checked + .check-pill.t-indefinido { background: var(--t-indefinido); }
.check input:checked + .check-pill.t-imperfecto { background: var(--t-imperfecto); }
.check input:checked + .check-pill.t-pluscuamperfecto { background: var(--t-pluscuamperfecto); }
.check input:checked + .check-pill.t-futuro { background: var(--t-futuro); }
.check input:checked + .check-pill.t-futuro_perfecto { background: var(--t-futuro_perfecto); }
.check input:checked + .check-pill.t-condicional { background: var(--t-condicional); }
.check input:checked + .check-pill.t-condicional_perfecto { background: var(--t-condicional_perfecto); }
.check input:checked + .check-pill.t-anterior { background: var(--t-anterior); }
.check input:checked + .check-pill.t-subj_presente { background: var(--t-subj_presente); }
.check input:checked + .check-pill.t-subj_perfecto { background: var(--t-subj_perfecto); }
.check input:checked + .check-pill.t-subj_imperfecto { background: var(--t-subj_imperfecto); }
.check input:checked + .check-pill.t-subj_imperfecto_se { background: var(--t-subj_imperfecto_se); }
.check input:checked + .check-pill.t-subj_pluscuamperfecto { background: var(--t-subj_pluscuamperfecto); }
.check input:checked + .check-pill.t-subj_futuro { background: var(--t-subj_futuro); }
.check input:checked + .check-pill.t-subj_futuro_perfecto { background: var(--t-subj_futuro_perfecto); }
.check input:checked + .check-pill.t-imperativo { background: var(--t-imperativo); }
.check input:checked + .check-pill.t-imperativo_negativo { background: var(--t-imperativo_negativo); }

/* Erklärungen im dunklen Dialog: dort muss der Ton heller sein. */
.note-presente { --note: #13889f; --note-text: #8fd7e4; }
.note-perfecto { --note: #2f80c4; --note-text: #a8cfea; }
.note-indefinido { --note: #6f92c9; --note-text: #aec4e4; }
.note-imperfecto { --note: #9ba1bb; --note-text: #c3c7d8; }
.note-pluscuamperfecto { --note: #838ba0; --note-text: #c0c4cf; }
.note-futuro { --note: #57b5a8; --note-text: #aad9d3; }
.note-futuro_perfecto { --note: #62ab9b; --note-text: #afd4cc; }
.note-condicional { --note: #789fc8; --note-text: #bbcee3; }
.note-condicional_perfecto { --note: #7490b5; --note-text: #b8c7d9; }
.note-anterior { --note: #9b9faf; --note-text: #ccced6; }
.note-subj_presente { --note: #8f85c8; --note-text: #c6c1e3; }
.note-subj_perfecto { --note: #8783be; --note-text: #c2c0de; }
.note-subj_imperfecto { --note: #9c90c4; --note-text: #cdc7e1; }
.note-subj_imperfecto_se { --note: #a497ca; --note-text: #d1cae4; }
.note-subj_pluscuamperfecto { --note: #8a80b8; --note-text: #c4bfdb; }
.note-subj_futuro { --note: #a7a7c4; --note-text: #d3d3e1; }
.note-subj_futuro_perfecto { --note: #b3b3d0; --note-text: #d9d9e7; }
.note-imperativo { --note: #d1976b; --note-text: #e8cab4; }
.note-imperativo_negativo { --note: #be8774; --note-text: #dec2b9; }

/* Balken im Lernstand */
.tense-bar[data-zeit="presente"] { --bar: var(--t-presente); }
.tense-bar[data-zeit="perfecto"] { --bar: var(--t-perfecto); }
.tense-bar[data-zeit="indefinido"] { --bar: var(--t-indefinido); }
.tense-bar[data-zeit="imperfecto"] { --bar: var(--t-imperfecto); }
.tense-bar[data-zeit="pluscuamperfecto"] { --bar: var(--t-pluscuamperfecto); }
.tense-bar[data-zeit="futuro"] { --bar: var(--t-futuro); }
.tense-bar[data-zeit="futuro_perfecto"] { --bar: var(--t-futuro_perfecto); }
.tense-bar[data-zeit="condicional"] { --bar: var(--t-condicional); }
.tense-bar[data-zeit="condicional_perfecto"] { --bar: var(--t-condicional_perfecto); }
.tense-bar[data-zeit="anterior"] { --bar: var(--t-anterior); }
.tense-bar[data-zeit="subj_presente"] { --bar: var(--t-subj_presente); }
.tense-bar[data-zeit="subj_perfecto"] { --bar: var(--t-subj_perfecto); }
.tense-bar[data-zeit="subj_imperfecto"] { --bar: var(--t-subj_imperfecto); }
.tense-bar[data-zeit="subj_imperfecto_se"] { --bar: var(--t-subj_imperfecto_se); }
.tense-bar[data-zeit="subj_pluscuamperfecto"] { --bar: var(--t-subj_pluscuamperfecto); }
.tense-bar[data-zeit="subj_futuro"] { --bar: var(--t-subj_futuro); }
.tense-bar[data-zeit="subj_futuro_perfecto"] { --bar: var(--t-subj_futuro_perfecto); }
.tense-bar[data-zeit="imperativo"] { --bar: var(--t-imperativo); }
.tense-bar[data-zeit="imperativo_negativo"] { --bar: var(--t-imperativo_negativo); }