/* DEFAULT: verbindliches KUN-Markenbild laut Mini-Brandbook 1.0 (03.09.2026). Additiv, nur Kundenoberfläche; der Salonarbeitsplatz bleibt unverändert.
   Kontrast auf Warm Ivory #FBF3EB: Ink 13,1:1 · Forest 10,7:1 · Sage 5,5:1 · Rose Bronze 3,0:1 (nur Linien/Deko, nie Fließtext). */
:root[data-surface=customer][data-look=brand]{color-scheme:light;--brand-forest:#173F33;--brand-ivory:#FBF3EB;--brand-rose:#BD7D7D;--brand-sage:#4A6960;--brand-mist:#E3E8E7;--brand-ink:#1E2D28;--brand-white:#FFFFFF;
 --bg:var(--brand-ivory);--panel:var(--brand-white);--ink:var(--brand-ink);--muted:var(--brand-sage);--accent:var(--brand-rose);--champagne:var(--brand-mist);--line:var(--brand-sage);--control-line:var(--brand-sage);--accent-text:var(--brand-forest);
 --button:var(--brand-forest);--button-text:var(--brand-ivory);--shadow:0 10px 30px #173F3314;--icon-filter:none;
 font-family:'KUN Brand Sans','Noto Sans','KUN UI',system-ui,sans-serif}
:root[data-surface=customer][data-look=brand] body{background:var(--bg);color:var(--ink);font-size:18px;line-height:1.56}
[data-surface=customer][data-look=brand] h1,[data-surface=customer][data-look=brand] h2,[data-surface=customer][data-look=brand] h3,[data-surface=customer][data-look=brand] .display{font-family:'KUN Brand Serif','Libertinus Serif','KUN Display',Georgia,serif;font-weight:400;color:var(--brand-forest);letter-spacing:0}
[data-surface=customer][data-look=brand] h1{font-size:42px;line-height:48px}
[data-surface=customer][data-look=brand] h2{font-size:32px;line-height:38px}
[data-surface=customer][data-look=brand] h3{font-size:24px;line-height:30px}
[data-surface=customer][data-look=brand] .lead{font-size:19px;line-height:30px}
[data-surface=customer][data-look=brand] .eyebrow,[data-surface=customer][data-look=brand] .badge,[data-surface=customer][data-look=brand] label{font-size:13px;line-height:18px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-sage)}
[data-surface=customer][data-look=brand] label.check{text-transform:none;letter-spacing:0;font-size:16px;font-weight:400;color:var(--ink)}
[data-surface=customer][data-look=brand] .hint,[data-surface=customer][data-look=brand] .muted{color:var(--brand-sage)}
[data-surface=customer][data-look=brand] .card,[data-surface=customer][data-look=brand] .list-button,[data-surface=customer][data-look=brand] .journey-need-card,[data-surface=customer][data-look=brand] .journey-participant,[data-surface=customer][data-look=brand] .journey-hold,[data-surface=customer][data-look=brand] .card-link{background:var(--panel);border:1px solid var(--brand-sage);border-radius:16px;box-shadow:var(--shadow)}
[data-surface=customer][data-look=brand] .hint,[data-surface=customer][data-look=brand] .notice{background:var(--brand-mist);border-radius:12px}
[data-surface=customer][data-look=brand] .primary{background:var(--brand-forest);color:var(--brand-ivory);border:1px solid var(--brand-forest);border-radius:999px;min-height:52px;font-size:16px;line-height:20px;font-weight:600}
[data-surface=customer][data-look=brand] .primary:hover{background:#0F2E25}
[data-surface=customer][data-look=brand] .secondary{background:transparent;color:var(--brand-forest);border:1px solid var(--brand-forest);border-radius:999px;min-height:48px;font-size:16px;font-weight:600}
[data-surface=customer][data-look=brand] input,[data-surface=customer][data-look=brand] select,[data-surface=customer][data-look=brand] textarea{background:var(--brand-white);color:var(--ink);border:1px solid var(--brand-sage);border-radius:10px}
[data-surface=customer][data-look=brand] [aria-invalid=true]{border:2px solid #9C2F2F}
[data-surface=customer][data-look=brand] .pill{border:1px solid var(--brand-sage);color:var(--brand-forest);background:var(--brand-white)}
[data-surface=customer][data-look=brand] .pill.selected,[data-surface=customer][data-look=brand] [aria-pressed=true],[data-surface=customer][data-look=brand] .card.selected,[data-surface=customer][data-look=brand] [aria-current=step]{background:var(--brand-forest);color:var(--brand-ivory);border-color:var(--brand-forest);box-shadow:inset 0 -3px 0 var(--brand-rose)}
[data-surface=customer][data-look=brand] .chosen,[data-surface=customer][data-look=brand] .chosen *,[data-surface=customer][data-look=brand] .selected *,[data-surface=customer][data-look=brand] [aria-pressed=true] *{color:var(--brand-ivory)}
[data-surface=customer][data-look=brand] .chosen{background:var(--brand-forest);border-color:var(--brand-forest);box-shadow:inset 0 -3px 0 var(--brand-rose)}
[data-surface=customer][data-look=brand] .chosen .icon,[data-surface=customer][data-look=brand] [aria-pressed=true] .icon,[data-surface=customer][data-look=brand] #tabs a[aria-current] .icon{filter:invert(96%) sepia(6%) saturate(300%)}
[data-surface=customer][data-look=brand] #tabs a[aria-current]{background:var(--brand-forest);color:var(--brand-ivory)}
/* Vollfarbenlogo nicht auf unruhige Fotos: Kopfzeile bleibt Warm Ivory, das Bild beginnt darunter. */
[data-surface=customer][data-look=brand] .journey-home .journey-brand{background:var(--brand-ivory);margin:-22px -22px 0;padding:22px 22px 14px}
[data-surface=customer][data-look=brand] :focus-visible{outline:3px solid var(--brand-forest);outline-offset:3px}
[data-surface=customer][data-look=brand] hr,[data-surface=customer][data-look=brand] .divider{border:0;border-top:1px solid var(--brand-rose)}
[data-surface=customer][data-look=brand] .error,[data-surface=customer][data-look=brand] [role=alert]{color:#9C2F2F}
/* Wortmarke ist festes Artwork: horizontaler Kern-Lockup als Bild (mind. 160 px), kein nachgesetztes „KUN“. */
[data-surface=customer][data-look=brand] .brand{gap:0}
[data-surface=customer][data-look=brand] .brand .mark,[data-surface=customer][data-look=brand] .native-header .brand .mark{width:168px;height:auto;overflow:visible;position:static}
[data-surface=customer][data-look=brand] .brand .mark img{position:static;width:100%;height:auto;max-width:none;filter:none}
[data-surface=customer][data-look=brand] .brand span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.appearance-preview[data-preview-theme=default]{--bg:#FBF3EB;--panel:#FFFFFF;--ink:#1E2D28;--muted:#4A6960;--accent:#BD7D7D;--champagne:#E3E8E7;--line:#4A6960;--button:#173F33;--button-text:#FBF3EB}
@media(min-width:900px){[data-surface=customer][data-look=brand] h1{font-size:58px;line-height:64px}[data-surface=customer][data-look=brand] h2{font-size:42px;line-height:48px}[data-surface=customer][data-look=brand] .lead{font-size:21px;line-height:32px}}
@media(prefers-reduced-motion:reduce){[data-surface=customer][data-look=brand] *{transition:none}}