/**
 * Dateiname: variables.css
 * Beschreibung: Design-Tokens (Farben, Radius, Abstände, Schatten)
 * Version: 0.1
 * Subversion: 0.1.5
 * Änderungen 0.1.1: --accent-1/2/3/4-wash ergänzt (sehr helle Variante der
 * Akzentfarben für die Admin-Tabellenkarten in tiles.css).
 * Änderungen 0.1.2: --accent-5-wash ergänzt (5. Admin-Kachel "Upload-
 * Korrektur").
 * Änderungen 0.1.3: --accent-6-bg/-bar (Violett) und --accent-header-bg
 * (helle Kopfzeilen-Wash-Farbe) ergänzt – Versuch auf index.php: Sidebar-
 * Info-Karte in Kopfzeilenfarbe, "Grün" (Akzent 2) in der Kachel-Rotation
 * durch Akzent 6 ersetzt, um keinen Farben-Mismatch mit der neuen
 * Sidebar-Farbe zu erzeugen (auf Nutzerwunsch).
 * Änderungen 0.1.4: Akzent 3 (bisher Blau, Farbton 230) auf Grün (Farbton
 * 135) umgestellt – das bisherige Blau war der neuen Kopfzeilen-Sidebar-
 * Farbe zu ähnlich ("Mitgliederausstellung – Porträts" auf index.php),
 * auf Nutzerwunsch. --accent-header-wash ergänzt (helle Kopfzeilen-Wash-
 * Farbe für großflächige Bereiche wie in timeline.css) – timeline.css
 * nutzte bisher versehentlich --accent-3-* für seine an die Kopfzeile
 * angelehnten Akzente (Scroll-Buttons, Heute-Hervorhebung); das wäre durch
 * die Grün-Umstellung von Akzent 3 mitgerutscht. timeline.css nutzt jetzt
 * stattdessen --color-header-bg/--accent-header-wash direkt.
 * Änderungen 0.1.5: Einmalige Palettenbereinigung (auf Nutzerwunsch), statt
 * der bisherigen Einzelkorrekturen 0.1.3/0.1.4. Alle 5 Kachel-Akzente +
 * Kopfzeilen-Akzent gemeinsam auf gleichmäßigen Farbtonabstand geprüft:
 * Akzent 2 165->145 (Grün, jetzt 55° statt 35° von der Kopfzeile entfernt),
 * Akzent 3 135->280 (Violett statt eines zweiten, zu ähnlichen Grüntons zu
 * Akzent 2 – übernimmt die Rolle des bisherigen Akzents 6). Akzent 6
 * (Übergangslösung aus 0.1.3, nur auf 4 Seiten per Sonderfall genutzt)
 * entfällt ersatzlos – die betroffenen Seiten (index/archiv/infos-und-
 * links/ueber-uns.php) laufen wieder über die einfache 1-5-Rotation ohne
 * Sonderfall, da Akzent 2 jetzt für sich genommen schon ausreichend Abstand
 * zur Kopfzeilenfarbe hat. accent_class() verliert den 6er-Sonderfall
 * wieder. --accent-2-wash/--accent-3-wash entsprechend mitgezogen (wirkt
 * sich auf die Admin-Tabellenkarten 2/3 aus – reine Farb-, keine
 * Funktionsänderung).
 */

:root {
    /* Grundfarben */
    --color-header-bg:   oklch(0.56 0.07 200);
    --color-nav-bg:      oklch(0.15 0.01 60);
    --color-nav-accent:  oklch(0.72 0.15 55);
    --color-body-bg:     oklch(0.99 0.003 90);
    --color-body-text:   oklch(0.22 0.01 60);
    --color-text-muted:  oklch(0.4 0.01 60);
    --color-link:        oklch(0.56 0.07 200);
    --color-link-hover:  oklch(0.46 0.08 200);
    --color-category:    oklch(0.5 0.14 40);
    --color-category-hover: oklch(0.4 0.14 40);

    /* Akzentfarben-Paare (Hintergrund / Balken), zyklisch je Kachel */
    --accent-1-bg:  oklch(0.93 0.05 55);
    --accent-1-bar: oklch(0.62 0.16 55);
    --accent-2-bg:  oklch(0.92 0.06 145);
    --accent-2-bar: oklch(0.58 0.14 145);
    --accent-3-bg:  oklch(0.92 0.05 280);
    --accent-3-bar: oklch(0.55 0.15 280);
    --accent-4-bg:  oklch(0.93 0.06 340);
    --accent-4-bar: oklch(0.6 0.17 340);
    --accent-5-bg:  oklch(0.93 0.05 100);
    --accent-5-bar: oklch(0.6 0.14 100);

    /* Kopfzeilen-Akzent – helle Wash-Variante von --color-header-bg, für
       Info-Kacheln, die farblich an die Kopfzeile/das Markenbild anknüpfen
       sollen (z.B. Sidebar-Karte auf index.php), ohne exakt dieselbe Farbe
       wie eine der 5 zyklischen Kachel-Akzentfarben zu treffen. */
    --accent-header-bg:   oklch(0.93 0.04 200);
    --accent-header-wash: oklch(0.975 0.014 200);

    /* Sehr helle Wash-Variante der Akzentfarben – für großflächige Bereiche
       (Admin-Tabellenkarten), bei denen die volle --accent-N-bg-Sättigung
       auf Dauer zu aufdringlich wirkt. */
    --accent-1-wash: oklch(0.98 0.015 55);
    --accent-2-wash: oklch(0.975 0.018 145);
    --accent-3-wash: oklch(0.975 0.014 280);
    --accent-4-wash: oklch(0.98 0.018 340);
    --accent-5-wash: oklch(0.98 0.015 100);

    /* Radius / Abstände */
    --tile-radius:        18px;
    --image-radius:       12px;
    --accent-bar-width:   6px;
    --container-max:      1180px;
    --container-max-narrow: 900px;
    --col-gap:            40px;
    --sidebar-width:      320px;

    /* Schatten */
    --tile-shadow:  0 10px 24px rgba(0, 0, 0, 0.14);
    --image-shadow: 5px 7px 14px rgba(0, 0, 0, 0.4);
}