/* Zentrale Farbpalette für alle selbst gepflegten ProcessWire-Oberflächen. */
:root {
    /* Seitenfläche: globaler warmer Hintergrund und ruhige Sektionen. */
    --color-canvas: #f7f4ee;
    --color-canvas-rgb: 247 244 238;

    /* Oberfläche: Karten, Panels, Eingaben und helle Tabellenzeilen. */
    --color-surface: #fdfbf7;
    --color-surface-rgb: 253 251 247;

    /* Eingabeweiss: reine weisse Felder im Kontakt- und Probekistenformular. */
    --color-input: #fff;

    /* Tinte: Fliesstext, Überschriften, Icons und starke Konturen. */
    --color-ink: #1a2b1a;
    --color-ink-rgb: 26 43 26;

    /* Gedämpfte Tinte: Metadaten, Hilfstext und Platzhalter. */
    --color-ink-muted: #5f6f64;

    /* Linie: Rahmen, Trenner und inaktive Formularfelder. */
    --color-border: #dcd9d2;
    --color-border-rgb: 220 217 210;

    /* Markengrün: Primäraktionen, Fokus und ausgewählte Elemente. */
    --color-primary: #93c57c;
    --color-primary-rgb: 147 197 124;

    /* Aktives Markengrün: Hover- und aktive Zustände von Aktionen. */
    --color-primary-active: #80b367;

    /* Textlink: kontraststarke Links auf hellen Flächen. */
    --color-link: #456737;

    /* Blütenrosé: sparsame dekorative Akzente und Hinweis-Akzentlinie. */
    --color-accent-rose: #e17e9a;
    --color-accent-rose-rgb: 225 126 154;

    /* Tannengrün: dunkler, ruhiger Hintergrund des Footers. */
    --color-footer: #164b35;

    /* Text auf dunkel: Haupttext und Icons auf dunklen Flächen. */
    --color-on-dark: #e5e8e5;
    --color-on-dark-rgb: 229 232 229;

    /* Hinweisfläche: Hinweise, Lieferinformationen und Zitate. */
    --color-notice-surface: #fbf5e6;

    /* Hinweisrahmen: feine Abgrenzung warmer Hinweisflächen. */
    --color-notice-border: #ebd3a2;

    /* Fehler: Fehlertext, Fehlersymbol und Fehlerrahmen. */
    --color-danger: #842d23;
    --color-danger-rgb: 132 45 35;

    /* Fehlerfläche: Validierungs- und Fehlerhinweise. */
    --color-danger-surface: #fff0ed;

    /* Erfolg: Erfolgstext, Erfolgssymbol und Erfolgsrahmen. */
    --color-success: #345c39;
    --color-success-rgb: 52 92 57;

    /* Erfolgsfläche: Bestätigungen und positive Rückmeldungen. */
    --color-success-surface: #edf5e8;

    /* Overlaybasis: ausschliesslich für transparente Dialoge und Masken. */
    --color-overlay-rgb: 0 0 0;
}