/* Swissrehamed-Familie — Boutique: nur Kopf, Schrift und Farben (08.11.2026).
   Wird NACH styles.css geladen; Funktionen und Aufbau der Boutique bleiben unverändert. */
:root{
  --night:#0E1718;
  --primary:#0A7FA0;      /* Swissrehamed-Cyan, dunkel genug für hellen Grund */
  --accent:#0090B5;       /* ersetzt das bisherige Dunkelrot */
  --ink:#1E2A2B;
  --slate:#3E4A4B;
  --muted:#6B7576;
  --rule:rgba(30,42,43,.10);
  --soft:rgba(10,127,160,.05);
  --highlight:rgba(0,185,224,.08);
  --bg:#F4F7F7;
}
body{font-family:Montserrat,"Segoe UI",Helvetica,Arial,sans-serif}

/* Kopf: dunkles Band über die ganze Breite, wie auf ascros.health und swissrehamed.ch */
.page>header{
  background:var(--night);
  margin:-32px -24px 0;
  padding:16px 24px;
  border-bottom:1px solid rgba(255,255,255,.06);
  box-shadow:0 0 0 100vmax var(--night);
  clip-path:inset(0 -100vmax);
}
.page>header .wordmark{color:#fff;font-weight:600;letter-spacing:.3px}
.page>header .brand{display:flex;align-items:center;gap:10px}
.page>header .brand-logo{width:28px;height:28px}
.page>header .badge{color:#7FDDF2;border-color:rgba(127,221,242,.6)}

/* Überschrift in den Familienfarben */
h1 .accent-water{color:var(--primary)}
h1 .accent-rust{color:#00A3C7}

/* Fehlermeldungen bleiben rot erkennbar */
.bid-note.error{color:#B3261E}
.meta-badge.patent{background:rgba(10,127,160,.08);color:var(--primary)}

/* Zugangscode-Leiste (Stil kommt aus app.js, daher mit ID überschrieben) */
#tierBar.tier-bar{background:#E6F6FA;border-color:rgba(10,127,160,.28);color:#124B5C}
#tierBar.tier-bar button{background:#0A7FA0}
#tierBar.tier-bar button:hover{background:#086A86}
#tierBar.tier-bar--unlocked{background:#e9f5ee;border-color:#bfe3cd;color:#236b45}
#tierBar.tier-bar--play{background:#fff7e6;border-color:#ffd591;color:#8a5a00}

/* Kopf auf schmalen Bildschirmen umbrechen statt überragen */
.page>header{flex-wrap:wrap;gap:8px}
@media(max-width:520px){.page>header .wordmark{font-size:14px}.page>header .badge{font-size:10px}}