/* Marken-Look für Landingpage (/) und Bestellseite (/angebot). Pro Kunde NUR den Block "Marke" anpassen.
   Alles andere leitet sich daraus ab. Kontraste prüft der Linter (lib/lint.py):
   --ink auf --bg, --on-brand auf --brand, --on-dark auf --dark, --hi auf --dark, --on-hi auf --hi. */

/* Inter liegt lokal (keine Google-Fonts-Anfrage, DSGVO). Andere Schriften nur als woff2 unter /assets/fonts/. */
/* Überschriften: Barlow Condensed 600 (OFL, lokal), nah an der schmalen Hausschrift der Website (Gotham Cond / Gill Sans Nova Cond, beide nicht als Webfont lizenziert) */
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/barlow-condensed-latin-ext-600-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/barlow-condensed-latin-600-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 800;font-display:swap;src:url('/assets/fonts/inter-var-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 800;font-display:swap;src:url('/assets/fonts/inter-var-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root {
  /* ── Marke (pro Kunde, nur Hex-Farben #RRGGBB) ── */
  --bg:        #FBF7F0;   /* Seitenhintergrund: warmes Creme */
  --ink:       #1E2B4A;   /* Text und Linien */
  --card:      #FFFFFF;   /* Karten, Formularflächen */
  --brand:     #003087;   /* Hauptknöpfe, gewählte Optionen */
  --on-brand:  #FFFFFF;   /* Schrift auf --brand */
  --accent:    #C2413E;   /* Akzent auf hellem Grund: Überschriften-Zeile, Zahlen, Symbole */
  --dark:      #002E8C;   /* dunkle Flächen: Kopf der Bestellseite, Zusammenfassung, dunkle Bänder */
  --on-dark:   #FFFFFF;   /* Schrift auf --dark */
  --hi:        #FCB235;   /* Hervorhebung auf --dark: Preise, Fortschritt, Knopf in der Zusammenfassung */
  --on-hi:     #1E2B4A;   /* Schrift auf --hi */
  --font-head: 'Barlow Condensed', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --head-weight: 600;     /* 400 bis 800 */
  --head-case: uppercase;      /* none oder uppercase */
  --head-spacing: 0.01em;
  --radius: 28px;         /* Karten */
  --btn-radius: 999px;    /* Knöpfe: 999px = Pille, 10px = eckig */

  /* ── Abgeleitet (nicht pro Kunde ändern) ── */
  --muted:       color-mix(in srgb, var(--ink) 70%, var(--bg));
  --bg-2:        color-mix(in srgb, var(--ink) 6%, var(--bg));
  --photo:       color-mix(in srgb, var(--ink) 5%, var(--bg));
  --line:        color-mix(in srgb, var(--ink) 12%, transparent);
  --line-2:      color-mix(in srgb, var(--ink) 18%, transparent);
  --brand-hover: color-mix(in srgb, var(--brand) 84%, #000000);
  --brand-soft:  color-mix(in srgb, var(--brand) 9%, var(--card));
  --accent-soft: color-mix(in srgb, var(--accent) 12%, var(--card));
  --accent-hover: color-mix(in srgb, var(--accent) 85%, #FFFFFF);
  --hi-hover:    color-mix(in srgb, var(--hi) 80%, #FFFFFF);
  --on-dark-1:   color-mix(in srgb, var(--on-dark) 82%, transparent);
  --on-dark-2:   color-mix(in srgb, var(--on-dark) 62%, transparent);
  --ok:      #2E7D32;
  --ok-dark: #8BD48F;
  --ok-soft: #E8F3E9;
  --red:     #B3261E;
  --err-bg:  #FBE9E5;
  --warn-on-dark: #FFC2B6;
  --sh-card:  0 1px 2px color-mix(in srgb, var(--ink) 5%, transparent), 0 8px 24px color-mix(in srgb, var(--ink) 7%, transparent);
  --sh-hover: 0 2px 4px color-mix(in srgb, var(--ink) 6%, transparent), 0 14px 32px color-mix(in srgb, var(--ink) 12%, transparent);
  --sh-on:    0 10px 28px color-mix(in srgb, var(--brand) 16%, transparent);
}