/* Mühlenbecker Hofladen – Design-Tokens (Single Source, Design-System v1, 04.11.2026).
   Referenz: Design-System-Artifact „Mühlenbecker Hofladen“ (claude.ai). Werte nur hier ändern. */
:root, [data-theme="hell"] {
  --ground:#f4eb9c; --surface:#fcf2b8; --ink:#231f20; --muted:#6b5a3a;
  --brand-brown:#683c10; --roof-red:#982315; --gold:#ecd15c; --wheat:#e3b052;
  --wood:#d3a56f; --wood-dark:#ca9661; --line:#683c10;
  --on-gold:#231f20;
}
[data-theme="dunkel"] {
  --ground:#231f20; --surface:#2f2925; --ink:#f4eb9c; --muted:#d6c98a;
  --brand-brown:#ca9661; --roof-red:#e0705c; --line:#ca9661;
  --on-gold:#231f20;
}
:root {
  --font-serif:"Goudy Bookletter 1911", Georgia, "Times New Roman", serif;
  --space-1:4px; --space-2:8px; --space-3:16px; --space-4:24px; --space-5:48px; --space-6:96px;
  --radius-sm:4px; --radius-md:12px; --radius-oval:50%;
  --fs-display:64px; --fs-h1:44px; --fs-h2:32px; --fs-h3:24px; --fs-lead:21px; --fs-body:18px; --fs-small:15px;
}
body { font-synthesis:none; background:var(--ground); color:var(--ink); }
/* Entscheidung Stefan 04.11.2026: Seitengrund --ground, Karten/Kästen --surface, Markierung Grund --gold / Schrift --on-gold */
.karte, .kasten { background:var(--surface); }
::selection { background:var(--gold); color:var(--on-gold); }   /* --on-gold: in beiden Themen dunkel (Stefan 04.11., Variante a) */