/*
 * Farb- und Gestaltungsvariablen.
 * Farbwelt an das TÜV-Erscheinungsbild angelehnt (kräftiges Blau, sachlich, seriös).
 * Ausnahme: Das Siegel bringt seine eigenen Farben mit (grün/orange/rot nach Punktzahl).
 */
:root {
    /* Markenfarben (TÜV-Blau) */
    --farbe-primaer:          #003a70; /* Dunkelblau – Kopfzeile, Überschriften */
    --farbe-primaer-dunkel:   #002a52;
    --farbe-sekundaer:        #0069b4; /* Signalblau – Flächen, Aktionen */
    --farbe-sekundaer-dunkel: #005596;
    --farbe-link:             #005a9c;
    --farbe-link-aktiv:       #00335f;

    /* Neutraltöne */
    --farbe-hintergrund:      #eef2f6;
    --farbe-flaeche:          #ffffff;
    --farbe-flaeche-gedaempft:#f4f7fa;
    --farbe-rahmen:           #d3dce4;
    --farbe-rahmen-kraeftig:  #b6c3cf;
    --farbe-text:             #1b2733;
    --farbe-text-leise:       #566575;
    --farbe-text-invers:      #ffffff;

    /* Statusfarben (nur funktional für Prüfergebnisse, nicht als Markenakzent) */
    --farbe-erfolg:           #1f7a34;
    --farbe-erfolg-flaeche:   #e7f4ea;
    --farbe-warnung:          #9a6400;
    --farbe-warnung-flaeche:  #fdf3e0;
    --farbe-fehler:           #b3251d;
    --farbe-fehler-flaeche:   #fbeae9;
    --farbe-neutral-flaeche:  #eef1f4;

    /* Typografie */
    --schrift-basis: "Segoe UI", "Helvetica Neue", Arial, "Liberation Sans", sans-serif;

    /* Maße */
    --inhalt-breite:   1120px;
    --abstand-klein:   0.5rem;
    --abstand-mittel:  1rem;
    --abstand-gross:   2rem;
    --abstand-xgross:  3rem;
    --radius-klein:    4px;
    --radius-mittel:   8px;
    --radius-gross:    14px;

    /* Schatten */
    --schatten-karte:  0 1px 3px rgba(16, 42, 67, 0.08), 0 6px 20px rgba(16, 42, 67, 0.06);
    --schatten-kopf:   0 2px 8px rgba(0, 42, 82, 0.18);
    --fokus-ring:      0 0 0 3px rgba(0, 105, 180, 0.45);
}