:root {
    /* Primary Colors - Hellgrün/Gelbgrün */
    --primary-color: #cbd35f;      /* Hauptfarbe, RGB(203, 211, 95) */
    --primary-light: #d6dd7d;      /* Hellere Variante */
    --primary-dark: #b2ba4a;       /* Dunklere Variante */
    
    /* Secondary Colors - Schwarz (da 0,0,0,0 transparent ist, verwenden wir schwarz) */
    --secondary-color: #000000;    /* Sekundärfarbe, Schwarz */
    --secondary-light: #333333;    /* Hellere Variante */
    --secondary-dark: #000000;     /* Dunklere Variante */
    
    /* Accent Colors */
    --accent-green: #98aaa3;       /* Graugrün, RGB(152, 170, 163) */
    --accent-gray: #9d9d9b;        /* Neutrales Grau, RGB(157, 157, 155) */
    
    /* Neutral Colors */
    --neutral-100: #ffffff;        /* Weiß */
    --neutral-200: #f8f9fa;        /* Fast Weiß */
    --neutral-300: #e9ecef;        /* Sehr helles Grau */
    --neutral-400: #dee2e6;        /* Helles Grau */
    --neutral-500: #adb5bd;        /* Mittleres Grau */
    --neutral-600: #6c757d;        /* Dunkles Grau */
    --neutral-700: #495057;        /* Sehr dunkles Grau */
    --neutral-800: #343a40;        /* Fast Schwarz */
    --neutral-900: #212529;        /* Schwarz */
    
    /* Text Colors */
    --text-primary: var(--neutral-900);
    --text-secondary: var(--neutral-700);
    --text-light: var(--neutral-600);
    --text-on-dark: var(--neutral-100);
    
    /* Accent Colors */
    --accent-yellow: #ffc107;      /* Akzentfarbe für Warnungen, Hervorhebungen */
    --accent-red: #dc3545;         /* Für Fehler oder wichtige Informationen */
    
    /* Background Colors */
    --bg-light: var(--neutral-100);
    --bg-off-white: var(--neutral-200);
    --bg-gray: var(--neutral-300);
    --bg-primary-light: rgba(30, 91, 148, 0.1);
    --bg-secondary-light: rgba(61, 177, 75, 0.1);
    
    /* Spacing */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 2rem;
    --spacing-xl: 3rem;
    --spacing-xxl: 5rem;
    
    /* Border Radius */
    --border-radius-sm: 0.25rem;
    --border-radius-md: 0.5rem;
    --border-radius-lg: 1rem;
    --border-radius-round: 50%;
    
    /* Shadows */
    --shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --shadow-md: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    
    /* Font Sizes */
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-md: 1rem;
    --font-size-lg: 1.25rem;
    --font-size-xl: 1.5rem;
    --font-size-xxl: 2rem;
    --font-size-xxxl: 3rem;
    
    /* Font Family */
    --font-primary: 'Montserrat', sans-serif;
    --font-secondary: 'Open Sans', sans-serif;
    
    /* Container Max Width */
    --container-max-width: 1200px;
    
    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-medium: 0.3s ease;
    --transition-slow: 0.5s ease;
}