/**
 * MARK HAACKE — DESIGN TOKENS
 *
 * Quelle: v2 HTML-Designs + LePetitMax Corporate Design (Nov 2025)
 * Farbwelt B "Warm + Energetisch" adaptiert mit Sand-Hintergrund + Orange-Akzent
 *
 * @package Kadence_Child
 */

:root {

    /* ============================================
       MARK HAACKE BRAND
       ============================================ */
    --mh-accent:          #FF3B00;          /* Akzent Primary — Marke */
    --mh-accent-hover:    #E03500;          /* Akzent Hover/Pressed */
    --mh-accent-soft:     #FFE3D6;          /* Akzent Soft — sanfte Flächen, Badge-Glow */
    --mh-accent-glow:     rgba(255, 59, 0, 0.15);

    --mh-bg:              #f0ebe6;          /* Sand — Hauptseitenhintergrund */
    --mh-bg-warm:         #e8e0d8;          /* Wärmer, für Section-Breaks */
    --mh-card:            #ffffff;          /* Content-Cards */
    --mh-dark:            #1a1a1a;          /* Footer / Contrast */
    --mh-text:            #2d2d2d;          /* Haupttext */
    --mh-text-light:      #5a5a5a;          /* Sekundärtext */
    --mh-text-muted:      #999999;          /* Muted/Meta */
    --mh-border:          rgba(0, 0, 0, 0.06);

    /* ============================================
       HINWEISE / STATUS (5)
       Bewusst von Brand-Orange unterscheidbar, wärme-passend zum Sand-System.
       ============================================ */
    --mh-success:         #2E7D5B;          /* Erfolg, freie Plätze */
    --mh-warning:         #C58A1E;          /* Warnung, wenige Plätze */
    --mh-error:           #C8392F;          /* Fehler, Validierung — kühler als Brand */
    --mh-info:            #2B6B83;          /* Neutrale Info-Hinweise */
    --mh-neutral:         #6B6258;          /* Warmes Grau für Hilfetexte */

    /* ============================================
       KADENCE PALETTE OVERRIDES
       Die Kadence Palette-Slots bekommen Haacke-Werte,
       damit auch Core-Blocks & Kadence Blocks automatisch passen.
       ============================================ */
    --global-palette1:    #FF3B00;          /* Primary = Accent */
    --global-palette2:    #E03500;          /* Primary hover */
    --global-palette3:    #2d2d2d;          /* Text dark */
    --global-palette4:    #5a5a5a;          /* Text medium */
    --global-palette5:    #999999;          /* Text light */
    --global-palette6:    #c9c2bb;          /* Border/muted */
    --global-palette7:    rgba(0,0,0,0.06); /* Divider */
    --global-palette8:    #e8e0d8;          /* BG warm */
    --global-palette9:    #f0ebe6;          /* BG sand (Seitenhintergrund) */
    --global-palette10:   #1a1a1a;          /* Dark (Footer) */

    /* Button tokens — Kadence nutzt diese global */
    --global-palette-btn:            #ffffff;
    --global-palette-btn-bg:         var(--mh-accent);
    --global-palette-btn-hover:      #ffffff;
    --global-palette-btn-bg-hover:   var(--mh-accent-hover);

    /* ============================================
       TYPOGRAPHY — v2
       ============================================ */
    --font-display: 'Source Serif 4', Georgia, 'Times New Roman', serif;
    --font-body:    'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;

    /* Fluid scale (clamp min, pref, max) */
    --fs-eyebrow:   0.78rem;
    --fs-body-sm:   0.88rem;
    --fs-body:      clamp(1rem, 0.96rem + 0.2vw, 1.08rem);
    --fs-lead:      clamp(1.125rem, 1rem + 0.5vw, 1.35rem);
    --fs-h3:        clamp(1.4rem, 1.2rem + 0.7vw, 1.9rem);
    --fs-h2:        clamp(2rem, 1.6rem + 1.6vw, 3.2rem);
    --fs-h1:        clamp(2.6rem, 2rem + 2.8vw, 4.6rem);
    --fs-display:   clamp(3rem, 2rem + 4vw, 5.8rem);

    /* ============================================
       RADII — v2 großzügig
       ============================================ */
    --radius-sm:  12px;
    --radius-md:  20px;
    --radius-lg:  28px;
    --radius-xl:  36px;
    --radius-pill: 9999px;

    /* ============================================
       SHADOWS — sanft, warm
       ============================================ */
    --shadow-sm:  0 2px 8px rgba(0,0,0,0.04);
    --shadow-md:  0 8px 30px rgba(0,0,0,0.06);
    --shadow-lg:  0 20px 50px rgba(0,0,0,0.10);
    --shadow-xl:  0 30px 70px rgba(0,0,0,0.14);
    --shadow-accent: 0 8px 25px rgba(255, 59, 0, 0.28);

    /* ============================================
       EASING (Signature)
       ============================================ */
    --ease-signature: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-quint:     cubic-bezier(0.22, 1, 0.36, 1);

    /* ============================================
       LAYOUT
       ============================================ */
    --container:          1280px;
    --container-narrow:   960px;
    --header-h:           80px;
    --switcher-h:         48px;

    --space-xs:  0.5rem;
    --space-sm:  1rem;
    --space-md:  2rem;
    --space-lg:  4rem;
    --space-xl:  6rem;
    --space-2xl: 8rem;

    /* ============================================
       BRANCHEN-FARB-AKZENTE
       (für dezente Branch-Differenzierung in Icons/Borders;
       Primärfarbe bleibt immer Accent-Orange)
       ============================================ */
    --branche-automotive:    #1f4e79;   /* Tiefes Blau */
    --branche-maschinenbau:  #3d5a3d;   /* Ingenieur-Grün */
    --branche-medizintechnik:#2b7a8c;   /* Klinisches Türkis */
    --branche-elektronik:    #6b3fa0;   /* Tech-Purple */
    --branche-konsumgueter:  #c17817;   /* Warm Amber */
    --branche-chemie:        #8c2b2b;   /* Laborrot */
}