/*
 Theme Name:   Gewerbeverein Seeheim
 Theme URI:    https://gewerbeverein-seeheim.de
 Description:  Child Theme für den Gewerbeverein Seeheim e.V. — lokale Wirtschaft an der Bergstraße. Basiert auf Hello Elementor.
 Author:       Eagleforge
 Author URI:   https://eagleforge.de
 Template:     hello-elementor
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  gvs
*/

/* ═══════════════════════════════════════════════════════════════
   Gewerbeverein Seeheim — Design System / CSS Custom Properties

   WICHTIG: Diese Variablen setzen NUR Defaults.
   Elementor-Inline-Styles haben immer Vorrang.
   Text-Widgets bleiben frei einstellbar (Farbe, Größe, Font).

   Farbwerte direkt aus dem Vereinslogo abgeleitet.
   ═══════════════════════════════════════════════════════════════ */

:root {
    /* ─── Hintergründe ─── */
    --gvs-bg-primary:    #F2F1E7;
    --gvs-bg-secondary:  #E9E8D9;
    --gvs-bg-card:       #FBFAF2;
    --gvs-bg-muted:      #DDDCC6;

    /* ─── Waldgrün (Primärakzent) ─── */
    --gvs-green:        #2C6A3A;
    --gvs-green-dark:   #1C4A28;
    --gvs-green-light:  #5C9A3A;
    --gvs-green-soft:   #C3D1B0;

    /* ─── Gold (Sekundärakzent) ─── */
    --gvs-gold:         #D9A52F;
    --gvs-gold-light:   #ECD79A;

    /* ─── Blütenrosa (Tertiärakzent) ─── */
    --gvs-blossom:      #CE7E92;
    --gvs-blossom-light:#EBCFD6;

    /* ─── Wappenfarben (nur Mikro-Akzente) ─── */
    --gvs-crest-blue:   #0A3A6E;
    --gvs-crest-red:    #B62525;

    /* ─── Text ─── */
    --gvs-text-primary:   #18211A;
    --gvs-text-secondary: #2C352C;
    --gvs-text-muted:     #6B6F64;

    /* ─── Borders ─── */
    --gvs-border:      #D4D4C2;
    --gvs-border-soft: #E2E1D2;
}

/* ─── Basis-Defaults (niedrige Spezifität) ─── */
body {
    background-color: var(--gvs-bg-primary);
    color: var(--gvs-text-primary);
}

/* ─── Smooth Scrolling ─── */
html {
    scroll-behavior: smooth;
}

/* ─── Selection ─── */
::selection {
    background-color: var(--gvs-green-soft);
    color: var(--gvs-text-primary);
}

/* ─── Links (nur Defaults, Elementor überschreibt) ─── */
a {
    color: var(--gvs-green);
    transition: color 0.2s ease;
}
a:hover {
    color: var(--gvs-green-dark);
}

/* ─── Scrollbar (Webkit) ─── */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: var(--gvs-bg-secondary);
}
::-webkit-scrollbar-thumb {
    background: var(--gvs-border);
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--gvs-green);
}