/* ---------------------------------------------------------------------------
 * Gestaltungsmarken der Geschichten-Site
 *
 * Alle Werte sind am Bestand gemessen (berechnete Stile im Browser) und in
 * docs/kdv-gestaltungskatalog.md je Wert mit Messstelle belegt. Nichts hier ist
 * geschaetzt.
 *
 * ⚠⚠ Das Corporate Design des Verbunds gilt hier NICHT (ADR-0015). Kein
 *    #783594, kein Source Sans 3, keine Gelb-Akzente, keine 8px-Radius-Regel.
 *    Diese Site hat ihr eigenes Lila: #581462.
 * ------------------------------------------------------------------------- */

:root {
    /* --- Farben (Katalog 1.1) --- */
    --kdv-lila: #581462;
    --kdv-akzent-violett: #673ab7;
    --kdv-akzent-schwarz: #000000;
    --kdv-grund-hell: #ffffff;
    --kdv-text-auf-hell: #323335;
    --kdv-text-auf-lila: #ffffff;
    --kdv-fussverweis-zeige: #dcdcdc;

    --kdv-knopf-flaeche: var(--kdv-grund-hell);
    --kdv-knopf-schrift: var(--kdv-text-auf-hell);

    /* --- Schrift (Katalog 2.1) ---
     * Die Rueckfallketten stehen NICHT im Bestand — dort ist nur
     * "Playfair Display" bzw. "Mukta" deklariert. Sie sind hier ergaenzt
     * (offener Punkt 2 des Katalogs): eine Uebergangsserife zu Playfair,
     * eine humanistische Grotesk zu Mukta. */
    --kdv-schrift-ueberschrift: "Playfair Display", Georgia, "Times New Roman", serif;
    --kdv-schrift-text: "Mukta", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

    --kdv-staerke-ueberschrift: 700;
    --kdv-staerke-ueberschrift-fett: 900;
    --kdv-staerke-text: 400;
    --kdv-staerke-text-fett: 700;

    --kdv-zeilenhoehe-ueberschrift: 1.3;
    --kdv-zeilenhoehe-text: 1.6;
    --kdv-zeilenhoehe-liste: 1.5;
    --kdv-laufweite: normal;

    /* --- Groessen, Stufe klein (Katalog 2.2, bis 1280px) --- */
    --kdv-h1: 40px;
    --kdv-h2: 28px;
    --kdv-h3: 22px;
    --kdv-p: 18px;
    --kdv-ui: 16px;

    /* --- Raum (Katalog 3) --- */
    --kdv-textspalte: 730px;
    --kdv-container: 900px;
    --kdv-innenabstand: 60px 20px;
    --kdv-textblock-abstand: 20px 0;
    --kdv-ueberschrift-abstand: 20px 0;
    /* Absatzabstand — ersetzt den <br>-Rhythmus des Bestands (Katalog 6a, Punkt 5).
     * Im Bestand tragen Absaetze margin 0; der Weissraum kommt aus <br>. Gemessen
     * ueber alle 22 Geschichten: 1036x <br><br> (Absatzgrenze, also eine Leerzeile)
     * und 618x ein einzelnes <br> (Umbruch INNERHALB des Absatzes).
     * Eine Leerzeile ist genau eine Zeilenhoehe, deshalb 1.6em. */
    --kdv-absatzabstand: 1.6em;

    --kdv-kopfhoehe: 74.8px;
    --kdv-fusshoehe: 262px;
    --kdv-knopf-radius: 5px;
    --kdv-knopf-hoehe: 50px;
}

/* Umbruchpunkte: 774 (Navigation) · 801 (Fuss) · 1281 (Typo+Raum) · 1441 (Breite).
 * Gemessen ueber einen Breitenlauf 320–1600px, nicht aus Elementor uebernommen.
 * ⚠ 375 und 768 sind in jedem Wert gleich — die Site bricht dazwischen nicht um. */

@media (min-width: 801px) {
    :root {
        --kdv-fusshoehe: 194px;
    }
}

@media (min-width: 1281px) {
    :root {
        --kdv-h1: 56px;
        --kdv-h2: 44px;
        --kdv-h3: 32px;
        --kdv-p: 20px;
        --kdv-container: 1280px;
        --kdv-innenabstand: 60px 60px;
    }
}

@media (min-width: 1441px) {
    :root {
        --kdv-container: 1440px;
    }
}