/* ============================================================
   MUSTERMANN BÄDERBAU - Brand-Layer über RS-Glas-Tokens
   Warme Espresso-/Messing-Palette aus Logo & Bestandsseite,
   gemappt auf die semantischen Aliase des Design-Systems.
   Lädt NACH tokens/colors.css.
   ============================================================ */
*, *::before, *::after { box-sizing: border-box; }

:root {
  /* Akzent: Messing/Kupfer statt Cyan (aus Logo-Subline & Bestand) */
  --rs-cyan:        #C98A3D;
  --rs-cyan-600:    #B5762E;
  --rs-cyan-700:    #9A6226;
  --rs-cyan-800:    #8A5A24;
  --rs-orange:      #C98A3D;
  --rs-orange-600:  #B5762E;

  /* Espresso statt Navy (aus Logo-Wortmarke & Bestand #241a12) */
  --rs-ink:         #241A12;
  --rs-ink-900:     #17100A;
  --rs-ink-950:     #120C07;
  --rs-ink-panel:   #32261A;
  --rs-ink-panel-2: #3C2E1E;
  --rs-ink-line:    #3A2C1D;
  --rs-slate:       #4B3F33;

  /* Warme Neutrale (aus Bestand #f8f4ee / #eae2d6) */
  --rs-gray-50:     #FBF8F3;
  --rs-gray-100:    #F6F1E9;
  --rs-gray-200:    #EAE2D6;
  --rs-gray-300:    #D8CCB9;
  --rs-gray-400:    #A2937F;
  --rs-gray-500:    #6B5F51;
  --rs-gray-600:    #52463A;
  --rs-gray-700:    #40362C;

  --text-on-dark:   #F6EFE4;
  --label-on-dark:  #E0AC63;
  --link:           #8A5A24;
  --link-hover:     #C98A3D;

  /* Zusatz: helle Creme-Hochlicht-Farbe auf Dunkel (Bestand #ecc28f) */
  --mb-cream:       #ECC28F;
}

html { scroll-behavior: smooth; }
p { overflow-wrap: break-word; }
body {
  margin: 0;
  background: var(--bg-page);
  font-family: var(--font-sans);
  color: var(--text-strong);
  -webkit-font-smoothing: antialiased;
}
a { color: var(--link); text-decoration: none; }
a:hover { color: var(--link-hover); }
::selection { background: #C98A3D; color: #fff; }

@keyframes khIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@keyframes waPulse {
  0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.38); }
  70% { box-shadow: 0 0 0 14px rgba(37, 211, 102, 0); }
  100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}