/* Nimora Design System (Stand 08.10.2026): Rollen-Token, Schriften, Grundregeln. Quelle: Design-System „Nimora“ (tokens.json). */
@font-face { font-family: "Fraunces"; src: url("fonts/Fraunces-Variable.ttf") format("truetype"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Manrope"; src: url("fonts/Manrope-Variable.ttf") format("truetype"); font-weight: 200 800; font-display: swap; }
:root {
  --tanne: #1e3b2b; --fichte: #3f6b45; --moos: #9db882; --humus: #4a3a2c; --rotliegend: #8e5a3c; --rotliegend-hell: #d29c78;
  --papier: #f3eee3; --nachtwald: #14231a; --bernstein: #e0a526; --quellblau: #3a8fa8;
  --ground: var(--papier); --surface-raised: #fbf8f1; --ink: var(--tanne); --ink-muted: var(--humus); --ink-earth: var(--rotliegend);
  --accent: var(--bernstein); --rule: var(--moos);
  --font-display: "Fraunces", Georgia, "Times New Roman", serif; --font-sans: "Manrope", "Helvetica Neue", Arial, sans-serif;
  --space-1: 4px; --space-2: 8px; --space-4: 16px; --space-6: 24px; --space-10: 40px; --radius-0: 0; --radius-sm: 4px;
  /* Waldwache-Fachfarben (Bedeutung, nicht Marke): bleiben, damit die Karte lesbar bleibt */
  --kw-sturm: #c0392b; --kw-kaefer: #e67e22; --kw-verdacht: #95a5a6; --kw-eingriff: #a0785a; --kw-rueck: #c9ced1; --kw-ok: var(--quellblau);
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --ground: var(--nachtwald); --surface-raised: var(--tanne); --ink: var(--papier); --ink-muted: var(--moos); --ink-earth: var(--rotliegend-hell); --rule: var(--fichte); color-scheme: dark; } }
:root[data-theme="dark"] { --ground: var(--nachtwald); --surface-raised: var(--tanne); --ink: var(--papier); --ink-muted: var(--moos); --ink-earth: var(--rotliegend-hell); --rule: var(--fichte); color-scheme: dark; }
.label { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: 0.35em; text-transform: uppercase; color: var(--ink-earth); }
h1, h2.headline { font-family: var(--font-display); font-variation-settings: "opsz" 24, "SOFT" 30, "WONK" 0; font-weight: 700; color: var(--ink); }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }