/* ================================================================
   Heike Rohr — Farbwelt „Warmes Greige" (helle, warme Variante).
   Aktiv über <html class="greige">. Überschreibt nur Farbtoken/Flächen;
   Layout & Typografie bleiben identisch mit der Basis.
   ================================================================ */
html.greige{
  --paper:#e8dfcc; --cream:#e0d5bd; --cream-deep:#d3c4a6; --tint:#dccdac;
  --ink:#2a2118; --ink-soft:#4f4638; --ink-faint:#7c6f58;
  --slate:#33261a; --slate-deep:#241a11; --slate-soft:#4f4638;
  --gold:#a8873f; --gold-deep:#886d2f; --copper:#bd6f3a; --copper-soft:#cf8a54;
  --sky-ink:#a85f34; --sky-deep:#a8873f; --sky:#c39f63; --sky-soft:#ddceb0;
  --sage:#a89a7c; --sage-deep:#8a7c5f; --sage-soft:#d5c8ac;
  --bordeaux-soft:#6b474b;
  --border-hairline:rgba(70,50,25,.18); --border-soft:rgba(70,50,25,.28);
}
/* warme Flächen (statt der blaustichigen Basis) */
html.greige .hero-full{background:linear-gradient(180deg,var(--cream-deep) 0%,var(--paper) 62%)}
html.greige .about-panel{background:linear-gradient(180deg,var(--tint),var(--cream))}
html.greige .quoteband{background:linear-gradient(180deg,var(--tint),var(--cream))}
html.greige .header.scrolled{box-shadow:0 6px 24px rgba(70,50,25,.10)}
html.greige ::selection{background:var(--tint);color:var(--slate-deep)}