/* Redesign design tokens — extracted from webroot/redesign/final.html (authoritative on conflicts).
   Two namespaces: content tokens (--cream/--ink/--yellow/…) and header tokens (--g-*). */
:root {
    --cream:       #F6F9FE;   /* Eis-Papier (Blau-Welt) */
    --cream-band:  #E9F0FB;   /* alternierende Sektionsbänder */
    --ink:         #16233D;   /* Navy-Tinte */
    --ink-footer:  #48679C;
    --text-mid:    #46587A;
    --muted:       #7C8BA8;
    --yellow:      #F5B800;   /* Zweitfarbe: CTAs & Highlights */
    --yellow-dark: #3D62A8;   /* Akzentrolle (Eyebrows/Icons) -> Marken-Blau */
    --yellow-soft: #E3ECFA;   /* Icon-Kacheln, Pills -> Blau-Soft */
    --border:      #D9E3F4;
    --blue-dark:   #2D5099;
    --success:     #25945d;
    --danger:      #c0392b;   /* from kundenbeispiel-erste-hilfe-360.html (additive) */
    --white:       #FFFFFF;

    --f-display: "Foco Black", sans-serif;
    --f-body: "Daytona Pro Condensed", "Daytona Pro Condensed Light", sans-serif;
    --f-body-bold: "Daytona Pro Condensed Bold", sans-serif;
    --f-body-light: "Daytona Pro Condensed Light", sans-serif;

    --sh-sm: 0 8px 24px rgba(40, 62, 110, .08);
    --sh-md: 0 18px 50px rgba(40, 62, 110, .12);
    --sh-lg: 0 30px 90px rgba(40, 62, 110, .16);
    --sh-yellow: 0 10px 26px rgba(245, 184, 0, .35);

    --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

/* G-header tokens (namespace g-) */
:root {
    --g-display: "Daytona Pro Condensed Light", "DaytonaPro-Cond", sans-serif;
    --g-display-bold: "Daytona Pro Condensed Bold", "DaytonaPro-CondBold", sans-serif;
    --g-body: "Roboto Condensed", sans-serif;
    --g-t-hero: clamp(2.7rem, 5vw, 4.3rem); /* final.html wins; kundenbeispiel overrides in its page CSS */
    --g-blue: #506ea2;
    --g-blue-deep: #3e5680;
    --g-navy: #22334f;
    --g-yellow: #efbd3a;
    --g-border: #e5eaf1;
}