/* ============================================================
   Physiotherapie Bürgerstraße — Brand Colors
   Existing site uses Mobirise-Default-Chaos (Grün, Rot, Pink,
   Türkis, Gelb in einem Layout) → komplett verworfen.
   Neue Palette: Vertrauen + Wärme (passend zu Physio).
   ============================================================ */

:root {
  /* === Original Brand (Existing Site, for reference) === */
  /* Mobirise-Default-Mix: nicht übernehmen */
  --orig-mix-green: #9fe870;
  --orig-mix-red: #5f0d0d;
  --orig-mix-pink: #d70081;
  --orig-mix-turquoise: #5ececc;
  --orig-mix-yellow: #ffea64;

  /* === Modernized Palette — USE THESE for Mockup === */
  /* Anchor: Deep Teal (Vertrauen, ruhig, modern medical aber nicht kühl) */
  --color-primary: #1e5773;            /* Deep Teal */
  --color-primary-hover: #14455c;      /* Hover-State */
  --color-primary-dark: #0e3445;       /* Active / Dark-Section BG */

  /* Background: NICHT cream! Reines Weiß */
  --color-bg: #ffffff;
  --color-bg-subtle: #f8f9fa;          /* Kühler Off-White für Card-Trennung */
  --color-bg-dark: #14455c;            /* Hero / CTA-Bands */

  /* Text */
  --color-text: #1a1a1a;               /* Anthrazit */
  --color-text-muted: #5a6470;
  --color-text-on-dark: #fafafa;

  /* Warm Accent (Wärme + Vertrauen — sparsam) */
  --color-accent: #d4a574;             /* Warm Sand-Gold (CTAs, Highlights) */
  --color-accent-soft: #e8c896;        /* Soft (Badges, Subtle BGs) */
  --color-accent-deep: #b88a5a;        /* Active-State */

  /* UI */
  --color-border: #e5e8eb;
  --color-border-dark: #2a3a45;
}

/* === Typography === */
/* Original Site: Inter Tight (OK aber zu monoton wenn Headlines + Body gleich) */
/* Empfehlung für Mockup: */
/* Headlines: 'Fraunces', serif (warm, menschlich, vertrauensbildend — passt zu Physio) */
/* Body:      'Inter', sans-serif (clean, modern) */