/* css/_variables.css - Farbvariablen und Root-Einstellungen */
:root {
    --primary-color: #5e5e5e; /* Dunkelgrau für primäre Elemente und Hintergründe */
    --primary-color-rgb: 94, 94, 94;
    --secondary-color: #c0c8b0; /* Hellgräuliches Grün (optional für Akzente) - bleibt für den Fall, dass es noch irgendwo benötigt wird */
    --secondary-color-rgb: 192, 200, 176;
    --accent-color: #e8c56b; /* Das markante Gelb/Gold aus dem Logo */
    --accent-color-rgb: 232, 197, 107;
    --accent-color-dark: #e7c46a; /* Etwas dunkleres Gelb/Gold für Hover-Effekte */
    --light-bg-color: #f0f0f0; /* Sehr helles Grau für helle Sektionen/Karten (weniger reinweiss) */
    --mid-bg-color: #f8f8f8; /* Sehr helles Grau für Sektionen */
    --dark-bg-color: #5e5e5e; /* Direkt die primary-color für den dunklen Hintergrund verwenden */
    --text-color-dark: #333; /* Dunkler Standardtext */
    --text-color-light: #fff; /* Heller Standardtext */
    --text-color-light-rgb: 255, 255, 255; /* RGB-Werte für hellen Text */

    /* NEU: Header-Höhen-Variablen für konsistente Abstände */
    --main-header-height-desktop: 120px;
    --main-header-height-md: 110px;
    --main-header-height-sm: 80px;


    /* NEU: Globale Frontend-Schriftarten */
    --font-heading: 'Montserrat', sans-serif;
    --font-body: 'Open Sans', sans-serif;

    /* NEU: Schatten-Variablen für einheitliche Effekte */
    --shadow-light: rgba(0,0,0,0.05);
    --shadow-medium: rgba(0,0,0,0.1);
    --shadow-strong: rgba(0,0,0,0.15);
}