:root {
    /* KSTA-Stil: ksta.de – Cyan/Türkis als Primärfarbe, minimalistisch */

    /* Backgrounds */
    --color-background: #f5f5f5;
    --color-surface: #ffffff;
    --color-header-footer-bg: #1a3345;
    --color-header-bg: var(--color-header-footer-bg);
    --color-surface-hover: #f0f0f0;

    /* Brand Colors – briefing/design.md 005 */
    --color-primary: #213c51;
    --color-primary-hover: #3a96dd;
    --color-secondary: #3a96dd;
    --color-tertiary: #016994;

    /* Text Colors – ksta.de anthrazit #181a1b, darkgrey #606060 */
    --color-text: #181a1b;
    --color-text-muted: #606060;
    --color-text-inverse: #ffffff;
    --color-headline: #0f1011;

    /* Borders – ksta.de #e6e6e6 (grey) */
    --color-border: #e6e6e6;
    --color-border-highlight: #b2b2b2;

    /* Status Colors */
    --color-success: #008a05;
    --color-error: #c13115;
    --color-error-hover: #a02812;
    --color-warning: #b45309;
    --color-info: #016994;

    /* Message (Success, Error, Info) - Background, Border, Text */
    --color-success-bg: #cce8cd;
    --color-success-border: #008a05;
    --color-success-text: #004d40;
    --color-error-bg: #f5d0d2;
    --color-error-border: #c13115;
    --color-error-text: #7f1d1d;
    --color-info-bg: #cce1ea;
    --color-info-border: #016994;
    --color-info-text: #1e3a8a;

    /* Gradients – ksta.de Light */
    --gradient-brand: linear-gradient(135deg, var(--color-primary), var(--color-primary-hover));
    --gradient-text: linear-gradient(to right, var(--color-primary), var(--color-primary-hover));
    --color-gold-gradient-start: #181a1b;
    --color-gold-gradient-mid: #333333;
    --color-gold-gradient-end: #606060;
    --gradient-gold: linear-gradient(to right, var(--color-gold-gradient-start), var(--color-gold-gradient-mid), var(--color-gold-gradient-end));

    /* Shadows – ksta.de dezent */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    --shadow-glow: 0 2px 12px rgba(0, 183, 255, 0.15);
}