:root {
    /* Basis Farben - Vorlage briefing/vorlage/style.css */
    --color-primary: #1f6fd5;
    --color-secondary: #1f1b50;
    --color-background: #f5f7fb;
    --color-background-primary: #ffffff;
    --color-background-light: #fbfbfd;
    --color-text: #1f2933;
    --color-text-primary: #1f2933;
    --color-text-secondary: #4b5563;
    --color-text-inverse: #ffffff;
    --color-text-white: #ffffff;
    --color-heading: #0b3558;
    --color-border: #d1d5db;
    --color-background-secondary: #f9fafb;
    --color-background-tertiary: #f3f4f6;
    --color-surface-hover: #e5e7eb;
    
    /* Vorlage-spezifische Farben */
    --color-text-headline: #0b3558;
    --color-text-link: #1f6fd5;
    --color-text-location: #1d4ed8;
    --color-text-form-label: #111827;
    --color-breadcrumb: #6b7280;
    --color-breadcrumb-link: #4b5563;
    --color-doctor-location: #1d4ed8;
    --color-error: #ff3b30;
    --color-success: #34c759;
    --color-surface-secondary: #f5f5f7;
    
    /* Navigation Farben - bewertungsexpress24.de-Niveau: Sehr subtil */
    --color-nav-hover-bg: #f5f5f7;
    
    /* Message Farben - bewertungsexpress24.de-Niveau: Subtile, moderne Farben */
    --color-message-success-bg: #d1f2e5;
    --color-message-success-text: #1d4d2f;
    --color-message-error-bg: #ffe5e5;
    --color-message-error-text: #8b1a1a;
    --color-message-warning-bg: #fff4e5;
    --color-message-warning-text: #8b5a1a;
    --color-message-warning-border: #ff9500;
    --color-message-info-bg: #e5f4ff;
    --color-message-info-text: #1a4d8b;
    --color-message-info-border: #4953e7;
    
    /* Footer Farben - bewertungsexpress24.de-Niveau: Sehr subtil */
    --color-footer-bg: #f5f5f7;
    --color-footer-text: #86868b;
    
    /* Table Farben - bewertungsexpress24.de-Niveau: Subtile Grautöne */
    --color-table-header-bg: #f5f5f7;
    --color-table-row-bg: #f5f5f7;
    --color-table-row-hover-bg: #fbfbfd;
    
    /* Zusätzliche Farben für Screens - bewertungsexpress24.de-Niveau */
    --color-primary-light: #f5f5f7;
    --color-background-light: #fbfbfd;
    --color-text-light: #86868b;
    --color-surface: #ffffff;
    
    /* Google Button Farben - bewertungsexpress24.de-Niveau: Minimalistisch */
    --color-google-button-bg: #ffffff;
    --color-google-button-border: #d2d2d7;
    --color-google-button-bg-hover: #f5f5f7;
    --color-google-button-border-hover: #d2d2d7;
    --color-google-button-bg-active: #f0f0f0;
    
    /* bewertungsexpress24.de-Niveau: Subtile Schatten */
    --shadow-subtle: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-medium: 0 4px 16px rgba(0, 0, 0, 0.12);
    --shadow-strong: 0 8px 24px rgba(0, 0, 0, 0.16);
    
    /* bewertungsexpress24.de-Niveau: Sanfte Transitions */
    --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-fast: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* Verlinkungen – Vorlage a #1f6fd5, nav a:hover #1f6fd5, btn-primary hover #1b5db3 */
    --color-link: #1f6fd5;
    --color-link-hover: #1b5db3;
    --color-primary-dark: #1b5db3;
    --link-underline-offset: 3px;
    
    /* Headline Farben – Für base-headline-h1, base-headline-h2 Gradient-Effekte */
    --color-primary-blue: #1f6fd5;
    --color-primary-blue-dark: #1b5db3;
    --color-primary-blue-light: #3b82f6;
    --color-primary-blue-lightest: #60a5fa;
    
    /* Error Farben – Dunklere und hellere Varianten */
    --color-error-dark: #d32f2f;
    --color-error-light: #ffcdd2;
    
    /* Info-Blau Farben – Für Info-Elemente */
    --color-info-blue: #2196f3;
    --color-info-blue-dark: #1976d2;
    --color-info-blue-rgba-15: rgba(33, 150, 243, 0.15);
    --color-info-blue-rgba-20: rgba(33, 150, 243, 0.20);
    
    /* Form-Input Farben – Für Formular-Eingabefelder */
    --color-form-input-bg: #ffffff;
    --color-form-input-bg-hover: #f9fafb;
    --color-form-input-bg-focus: #ffffff;
    --color-form-input-border: #d1d5db;
    --color-form-input-border-hover: #9ca3af;
    
    /* Text Farben – Zusätzliche Textfarben */
    --color-text-tertiary: #6b7280;
    --color-text-gray-bootstrap-light: #6c757d;
    --color-text-gray-material-lightest: #fafafa;
    
    /* Table Farben – Zusätzliche Tabellen-Farben */
    --color-table-border: #d1d5db;
    
    /* Shadow Farben – Für Schatten-Effekte */
    --color-shadow-black-20: rgba(0, 0, 0, 0.2);
    --color-shadow-black-60: rgba(0, 0, 0, 0.6);
    
    /* Overlay Farben – Für Overlay-Effekte */
    --color-overlay-white-20: rgba(255, 255, 255, 0.2);
    --color-overlay-white-70: rgba(255, 255, 255, 0.7);
    
    /* Background Farben – Zusätzliche Hintergrund-Farben */
    --color-background-dark-rgba-50: rgba(31, 41, 51, 0.5);
    --color-background-dark-rgba-70: rgba(31, 41, 51, 0.7);
    
    /* Gray Farben – Für Grau-Effekte */
    --color-gray-rgba-40: rgba(107, 114, 128, 0.4);
    --color-black-rgba-20: rgba(0, 0, 0, 0.2);
    
    /* bewertungsexpress24.de-Niveau: Glassmorphism */
    --glass-bg: rgba(255, 255, 255, 0.72);
    --glass-bg-strong: rgba(255, 255, 255, 0.88);
    --glass-bg-soft: rgba(255, 255, 255, 0.55);
    --glass-border: rgba(255, 255, 255, 0.6);
    --glass-border-dark: rgba(0, 0, 0, 0.06);
    --glass-blur: 20px;
    --glass-blur-strong: 40px;
    
    /* Radius – Vorlage border-radius 0.5rem, 0.75rem */
    --radius-md: 0.5rem;
    --radius-lg: 0.75rem;
    --radius-xl: 0.75rem;
    
    /* Spacing – Vorlage gap 0.75rem, padding 1rem, 1.25rem, 2rem */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 0.75rem;
    --spacing-lg: 1rem;
    --spacing-xl: 1.25rem;
    --spacing-2xl: 1.5rem;
    --spacing-3xl: 2rem;
}