/**
 * Business-Bereich Tokens (shared)
 *
 * Auf :root — Bricks/Templates rendern Elemente auch ausserhalb des
 * .myk-kar-Wrappers (Sticky-CTAs, Modals); der alte .myk-kar-Scope hat
 * solche Elemente unsichtbar gemacht (var() unaufgeloest = transparent).
 *
 * Bewusst andere Sprache als die Mutter-Site:
 *   - Akzent ist KEIN Gold, sondern Cyan-Royal-Blau (Moodboard)
 *   - Type-Scale deutlich groesser (Magazin / Statement)
 *   - Mehr Hi-Contrast Schwarz-Weiss-Wechsel
 *   - Brutalist-numerierte Sections
 */

:root {
    /* Akzent: Cyan-Royal-Blau statt Gold */
    --biz-accent:       #0044ff;
    --biz-accent-soft:  #e3eaff;

    /* Sekundär-Akzent (selten) */
    --biz-yellow:       #f5d51e;

    /* Surfaces */
    --biz-bg:           #ffffff;
    --biz-bg-alt:       #f5f5f7;   /* neutral light-grey — Karriere-konform, kein Beige */
    --biz-bg-dark:      #0a0a0a;   /* echter Tiefschwarz, nicht Brand-Dark */
    --biz-line:         rgba(10, 10, 10, 0.08);

    /* Type-Scale: deutlich, aber nicht uebertrieben (verhindert Word-Break) */
    --biz-display:      clamp(2.5rem, 5vw + 0.5rem, 4.75rem);
    --biz-h1:           clamp(2.25rem, 4vw + 0.5rem, 4rem);
    --biz-h2:           clamp(1.85rem, 2.8vw + 0.6rem, 3.25rem);
    --biz-h3:           clamp(1.35rem, 1.5vw + 0.6rem, 2rem);

    /* Spacing */
    --biz-section-pad:  clamp(4rem, 8vw, 9rem);
    --biz-block-pad:    clamp(2rem, 4vw, 4rem);
    --biz-gap:          clamp(1.5rem, 2.5vw, 3rem);

    /* Container — gleich wie Bricks-Section-Content (1440px) */
    --biz-container:    1440px;
    --biz-container-pad: clamp(1.25rem, 4vw, 2.5rem);

    /* Eyebrows */
    --biz-eyebrow-size: 0.78rem;
    --biz-eyebrow-letter: 0.22em;
}