/* FoxDeck Design-Tokens: einzige Quelle für Farben, Schriftgrössen, Schrift und Radien.
   Breakpoints (max-width): 440px Handy klein, 680px Handy, 800px schmale Seitenleiste, 960px Tablet, 1200px schmaler Desktop. */
:root{
  color-scheme:light;
  --font:Inter,'Segoe UI',system-ui,-apple-system,sans-serif;
  --fs-xs:12px;--fs-sm:13px;--fs-md:14px;--fs-base:16px;--fs-lg:18px;--fs-xl:20px;--fs-2xl:24px;--fs-3xl:28px;--fs-4xl:32px;
  --radius:12px;
  --primary:#b94d0b;--primary-hover:#973c08;--primary-text:#a3430b;--primary-strong:#793913;
  --primary-soft:#ffead8;--primary-softer:#fff2e6;--primary-mid:#f9dfc6;--accent:#cf6621;
  --surface:#fff;--paper:#fffaf5;--surface-tint:#fff4e7;--surface-hover:#f9e9db;
  --line:#eadfd5;--line-strong:#dec5af;--line-input:#dfd1c6;
  --ink:#30251f;--ink-2:#50453d;--muted:#75665b;
  --danger:#b42318;--danger-soft:#fdecea;--success:#2f6b4f;--success-soft:#e7f4ec;
  --shadow:0 12px 32px rgba(48,37,31,.12);
  font-family:var(--font);color:var(--ink);background:var(--paper);font-synthesis:none
}
/* Dunkel: data-theme setzt theme.js aus der Einstellung (Wie Gerät / Hell / Dunkel). */
:root[data-theme="dark"]{
  color-scheme:dark;
  --primary:#e8792c;--primary-hover:#f08f4a;--primary-text:#f29a5c;--primary-strong:#f6b583;
  --primary-soft:#4a2c1a;--primary-softer:#3a2518;--primary-mid:#5a341d;--accent:#e8792c;
  --surface:#2a211c;--paper:#1e1814;--surface-tint:#251d18;--surface-hover:#3a2d25;
  --line:#43352c;--line-strong:#5c473a;--line-input:#54423a;
  --ink:#f5ebe2;--ink-2:#dccbbd;--muted:#b4a293;
  --danger:#ff8a7a;--danger-soft:#4a221d;--success:#7fd3a6;--success-soft:#1f3a2c;
  --shadow:0 12px 32px rgba(0,0,0,.45)
}