/*
 * Hofladen – 01 Variablen
 * Alle Farben, Schriften und Maße an einer Stelle.
 * Wer etwas am Aussehen ändern will, fängt hier an.
 */

:root {
    /* Flächen */
    --hl-papier: #f6f2e7;          /* Seitenhintergrund, Leinen-Creme */
    --hl-flaeche: #fffdf7;         /* Karten, Kopf, helle Abschnitte */
    --hl-linie: #e4ddcb;           /* Rahmen und Trennlinien */

    /* Text */
    --hl-text: #3a342b;            /* warmes Dunkelbraun, auch Fußbereich */
    --hl-text-leise: #6e685d;      /* Nebentexte, Einheiten */

    /* Akzent Maigrün */
    --hl-gruen: #76b02e;           /* Maigrün: Fokus-Rahmen, helle Akzente */
    --hl-gruen-schrift: #22300f;   /* Schrift AUF Maigrün (Weiß wäre zu blass) */
    --hl-gruen-kraeftig: #458019;  /* Wiesengrün mit weißer Schrift: Knöpfe, Streifen, Kontaktkasten */
    --hl-gruen-text: #44711a;      /* kleine grüne Schrift auf Creme (Überzeile, Etiketten) */
    --hl-gruen-hand: #5c9a1c;      /* Handschrift-Zeile auf Creme */
    --hl-gruen-zart: #dff2b0;      /* Handschrift-Zeile auf Fotos */
    --hl-gruen-hauch: #e6f2d2;     /* Hinterlegung: Etiketten, „heute“ in Öffnungszeiten */

    /* Schriften */
    --hl-schrift-text: "Helvetica Neue", Helvetica, Arial, sans-serif;
    --hl-schrift-titel: "Fraunces", Georgia, serif;
    --hl-schrift-hand: "Caveat", "Comic Sans MS", cursive;

    /* Maße */
    --hl-breite: 1180px;
    --hl-rand: 16px;               /* Mindestabstand zum Bildschirmrand */
    --hl-radius: 14px;             /* Karten, Bilder */
    --hl-radius-knopf: 999px;      /* runde Knöpfe */
    --hl-abstand-abschnitt: clamp(48px, 7vw, 88px);

    /* Brücke zu Arnes Theme und zum Öffnungszeiten-Bundle */
    --nw-success: var(--hl-gruen-text);
    --nw-surface: var(--hl-flaeche);
    --nw-border: var(--hl-linie);
    --nw-muted: var(--hl-text-leise);
    --nw-page: var(--hl-gruen-hauch);
    --nw-radius-card: var(--hl-radius);
    --nw-radius-button: var(--hl-radius-knopf);
    --mini-shop-primary-background: var(--hl-gruen-kraeftig);
    --nw-accent: var(--hl-gruen-kraeftig);       /* Mini-Shop, Widerruf, Seminare: Hauptfarbe */
    --nw-accent-contrast: #fff;                  /* Schrift auf der Hauptfarbe */
}