/**
 * TEV Template 2026 - Design-Tokens
 *
 * Zentrale Werte fuer Farben, Schrift, Abstaende und Masse.
 * Stand: uebernommen aus tev_template_joomla4, damit sich optisch
 * zunaechst nichts aendert. Umgestaltung passiert ab jetzt hier,
 * nicht mehr verstreut in template.css.
 */

:root {
    /* --- Bereichsfarben (Markenfarben des Vereins) --------------- */
    --tev-tageseltern:   rgb(214, 0, 90);      /* #d6005a  pink   */
    --tev-eltern:        rgb(237, 112, 0);     /* #ed7000  orange */
    --tev-unternehmen:   rgb(99, 178, 44);     /* #63b22c  gruen  */
    --tev-kommunen:      rgb(0, 173, 186);     /* #00adba  tuerkis*/
    --tev-verein:        rgb(255, 222, 13);    /* #ffde0d  gelb   */

    /* --- Neutrale Farben ---------------------------------------- */
    --tev-weiss:         #fff;
    --tev-schwarz:       #000;
    --tev-text:          #333;
    --tev-text-leise:    rgb(100, 100, 102);
    --tev-grau-link:     #909090;
    --tev-grau-linie:    #ccc;
    --tev-grau-mittel:   #777;
    --tev-flaeche-hell:  #f7f7f7;

    /* --- Schrift ------------------------------------------------- */
    --tev-schrift:       'Open Sans', Arial, sans-serif;

    /* Altbestand: diese Tokens bilden die Ursprungswerte ab und werden
       von template.css benutzt. Nicht aendern - sie werden nach und nach
       durch die Skala darunter ersetzt. */
    --tev-groesse-mini:  9px;
    --tev-groesse-klein: 11px;
    --tev-groesse-basis: 12px;
    --tev-groesse-gross: 16px;
    --tev-groesse-titel: 20px;
    --tev-zeilenhoehe:   1.42;

    /* --- Typo-Skala 2026 ----------------------------------------- */
    /* Verhaeltnis rund 1.2. Zurueckgenommen gegenueber dem ersten
       Entwurf (30/24/20/17) - das war fuer eine 720px-Spalte zu gross. */
    --tev-text-h1:       22px;
    --tev-text-h2:       18px;
    --tev-text-h3:       16px;
    --tev-text-gross:    15px;
    --tev-text:          15px;
    --tev-text-klein:    14px;
    --tev-text-mini:     13px;

    --tev-zeile-eng:     1.25;   /* Ueberschriften */
    --tev-zeile-normal:  1.6;    /* Fliesstext     */
    --tev-zeile-kompakt: 1.45;   /* Listen, Meldungen */

    --tev-gewicht-normal: 400;   /* war 300 - Light ist bei kleinen
                                    Groessen schlecht lesbar und in Arial
                                    gar nicht vorhanden */
    --tev-gewicht-halb:   600;
    --tev-gewicht-fett:   700;

    /* --- Linkfarben ---------------------------------------------- */
    /* #909090 hatte 3.2:1 - unter der WCAG-Mindestanforderung 4.5:1.
       Abgedunkeltes Vereins-Pink: 6.1:1 auf Weiss. */
    --tev-link:          #b5004c;
    --tev-link-hover:    #8a003a;

    /* --- Layout -------------------------------------------------- */
    /* Seitenbreite an EINER Stelle. Aendert man diesen Wert, wachsen
       Navigationsleiste, Seitenspalte und Inhalt proportional mit. */
    --tev-breite-seite:    1360px;
    --tev-rand-seite:      20px;    /* Mindestabstand zum Fensterrand */

    /* Spaltenverhaeltnis 280:720 der Ursprungsfassung, als Anteil */
    --tev-spalte-sidebar:  28%;
    --tev-spalte-inhalt:   72%;

    --tev-breite-sidebar:  240px;   /* Logo/Meldungsblock innerhalb der Spalte */
    --tev-einzug-sidebar:  51px;
    --tev-hoehe-logo:      335px;
    --tev-hoehe-kopfbild:  310px;   /* Kopfbild-Streifen auf Unterseiten */

    /* --- Abstaende ----------------------------------------------- */
    --tev-abstand-xs:  3px;
    --tev-abstand-s:   6px;
    --tev-abstand-m:  20px;
    --tev-abstand-l:  25px;

    /* --- Umbrueche (als Doku - CSS erlaubt keine Variablen in
           @media-Bedingungen, die Werte stehen weiter in template.css) */
    /* gross: 1000px | mittel: 875px | klein: 720px / 600px / 500px / 400px */
}