/**
 * Zauberzeilen Redesign – Design-Tokens (CSS-Fallback zusaetzlich zu theme.json).
 * Quelle: Designspec ZAU-10, Kap. 3 (Farbpalette, Typografie, Abstände, Schatten).
 * Stand: v0.1.0 – Tokens ohne Komponenten; Fonts folgen lokal als WOFF2.
 */
:root {
  --zz-color-brand: #b8323b;
  --zz-color-brand-dark: #81252e;
  --zz-color-brand-muted: #c75b55;

  --zz-color-rose: #f7e8e8;
  --zz-color-rose-pale: #fff8f5;

  /* Logo-Blau (Petrol) als Akzentflaeche. Werte aus der Pixelanalyse von
     assets/logo.png: #005088 = 67 % Anteil, #206098 = 3,4 %.
     Kontrast: Text auf #FAF8F5 = 7,91, weisse Schrift = 8,39. */
  --zz-color-brand-blue: #005088;
  --zz-color-brand-blue-mid: #206098;
  --zz-color-brand-blue-light: #e3eef3;

  --zz-color-background: #faf8f5;
  --zz-color-surface: #ffffff;

  --zz-color-text: #25262b;
  --zz-color-text-muted: #68656a;

  --zz-color-border: #eadcda;
  --zz-color-footer: #252326;
  --zz-color-footer-text: #d5cacc;

  /* Verlauf entschaerft (Stand v0.2.39): das helle Ende lag vorher bei
     #d77e70 – weisse Schrift dort nur 2,95:1. Alle Stopps jetzt >= 4,91:1. */
  --zz-gradient-brand:
    linear-gradient(112deg, #6e1f27 0%, #a8323b 58%, #bf4a45 100%);

  --zz-gradient-illustration:
    linear-gradient(180deg, #f6e5e0 0%, #fff7f0 68%, #f1d5cc 100%);

  --zz-font-heading: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --zz-font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  --zz-text-body: 1rem;
  --zz-line-body: 1.75;
  --zz-heading-tracking: -0.02em;

  --zz-container: 1160px;
  --zz-gutter-desktop: 32px;
  --zz-gutter-mobile: 15px;
  --zz-section-space-desktop: 88px;
  --zz-section-space-mobile: 65px;

  --zz-shadow-card: 0 10px 34px rgba(82, 38, 38, 0.035);
  --zz-shadow-floating: 0 14px 38px rgba(100, 35, 42, 0.08);
  --zz-shadow-cta: 0 25px 65px rgba(129, 37, 46, 0.2);
}