/* LENTHO-Marke: übernommen aus lenthomedia.com/tokens.css (Stand 05.11.2026).
   Ergänzt um Status-Farben für das Portal (ok / warn / bad), passend zur erdigen Palette. */
:root {
  --bg: #f5f3ed; --surface: #fffefa; --subtle: #eceae2; --text: #252820; --muted: #606458;
  --border: #d4d5c9; --border-strong: #8b8e80;
  --accent: #b8411c; --accent-hover: #963315; --accent-fg: #fffefa; --accent-subtle: #f2e7dd;
  --dark: #22291f;

  --ok: #3b623f; --ok-subtle: #e3ecdf;
  --warn: #8a5a00; --warn-subtle: #f6ead2;
  --bad: #a3271f; --bad-subtle: #f6dedb;
  --info: #606458; --info-subtle: #eceae2;
  --backdrop: #151c13bd;

  --font-body: Arial, Helvetica, sans-serif;
  --font-display: Georgia, 'Times New Roman', serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, monospace;

  --small: 12px; --label: 14px; --body: 15px; --lead: 18px; --h3: 20px; --h2: 28px; --display: 36px; --stat: 40px;

  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 20px; --s6: 24px; --s8: 32px; --s10: 40px; --s12: 48px;

  --surface-hover: #f3f1ea; --surface-sunken: #eceae2; --border-subtle: #e4e3da;
  --rail-w: 84px; --topbar-h: 56px;
  --page-max: 1360px; --gutter: 40px; --control-height: 40px; --tap-min: 44px;
  --radius: 6px; --radius-card: 12px; --line: 1px; --focus-width: 3px;
  --fast: 120ms; --normal: 200ms; --ease: cubic-bezier(.2, 0, 0, 1);
  --shadow: 0 2px 4px #2528200a, 0 16px 40px #25282014;
  --shadow-sm: 0 1px 2px #25282010;
}

:root[data-theme=dark] {
  --bg: #22291f; --surface: #2e362a; --subtle: #293125; --text: #f5f3ed; --muted: #c4c8b9;
  --border: #535e4b; --border-strong: #89917d;
  --accent: #f5a17e; --accent-hover: #ffc4a9; --accent-fg: #22291f; --accent-subtle: #3f3c2e; --surface-hover: #343d30; --surface-sunken: #262e23; --border-subtle: #3f4939;
  --ok: #b2d6aa; --ok-subtle: #2f3d2b; --warn: #f0c46c; --warn-subtle: #3f3622; --bad: #f4a097;
  --bad-subtle: #472a25; --info: #c4c8b9; --info-subtle: #293125;
  --shadow: 0 2px 4px #0000002e, 0 16px 40px #00000040; --shadow-sm: 0 1px 2px #00000030;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]) {
    --bg: #22291f; --surface: #2e362a; --subtle: #293125; --text: #f5f3ed; --muted: #c4c8b9;
    --border: #535e4b; --border-strong: #89917d;
    --accent: #f5a17e; --accent-hover: #ffc4a9; --accent-fg: #22291f; --accent-subtle: #3f3c2e; --surface-hover: #343d30; --surface-sunken: #262e23; --border-subtle: #3f4939;
    --ok: #b2d6aa; --ok-subtle: #2f3d2b; --warn: #f0c46c; --warn-subtle: #3f3622;
    --bad: #f4a097; --bad-subtle: #472a25; --info: #c4c8b9; --info-subtle: #293125;
    --shadow: 0 2px 4px #0000002e, 0 16px 40px #00000040; --shadow-sm: 0 1px 2px #00000030;
  }
}
@media (max-width: 900px) { :root { --gutter: 24px; } }
@media (max-width: 600px) { :root { --gutter: 16px; --display: 28px; --stat: 32px; } }