/* Design-Tokens · aus i-kit.css (Richtung I), Hell/Dunkel. Theme: html[data-theme="hell"|"dunkel"], sonst System. */
:root {
  --paper:#EEECE6;
  --sheet:#F8F7F3;
  --sunk:#E6E3DC;
  --warm:#F2EEE3;
  --ink:#151412;
  --on-ink:#F8F7F3;
  --ink-2:#4F4C45;
  --ink-3:#69655D;
  --line:rgba(21,20,18,.10);
  --track:rgba(21,20,18,.12);
  --signal:#F2C335;
  --on-signal:#151412;
  --glass:rgba(248,247,243,.8);
  --sh:rgba(21,20,18,.10);
  --scrim:rgba(238,236,230,.72);
  --hi:rgba(255,255,255,.6);
  --t-red:#A3402C;
  --t-red-bg:#F4DFD7;
  --t-green:#36704B;
  --t-green-bg:#DAEADD;
  --t-blue:#335C8A;
  --t-blue-bg:#DCE5F0;
  --t-sand:#80601C;
  --t-sand-bg:#EFE3C4;
  --on-tone:#FFFFFF;
}
/* Achtung: Beide Dunkel-Blöcke (diese Media-Query und :root[data-theme="dunkel"]) müssen identisch gehalten werden. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="hell"]) {
    --paper:#121210;
    --sheet:#1C1B19;
    --sunk:#0C0C0B;
    --warm:#24221D;
    --ink:#EFEDE6;
    --on-ink:#151412;
    --ink-2:#B3AFA6;
    --ink-3:#8F8B82;
    --line:rgba(255,255,255,.08);
    --track:rgba(255,255,255,.12);
    --signal:#F2C335;
    --on-signal:#151412;
    --glass:rgba(28,27,25,.8);
    --sh:rgba(0,0,0,.5);
    --scrim:rgba(18,18,16,.72);
    --hi:rgba(255,255,255,.06);
    --t-red:#E59580;
    --t-red-bg:#3B231D;
    --t-green:#8FC69F;
    --t-green-bg:#1D2F23;
    --t-blue:#98B8DE;
    --t-blue-bg:#1D2735;
    --t-sand:#D8B76C;
    --t-sand-bg:#31291A;
    --on-tone:#151412;
  }
}
:root[data-theme="dunkel"] {
  --paper:#121210;
  --sheet:#1C1B19;
  --sunk:#0C0C0B;
  --warm:#24221D;
  --ink:#EFEDE6;
  --on-ink:#151412;
  --ink-2:#B3AFA6;
  --ink-3:#8F8B82;
  --line:rgba(255,255,255,.08);
  --track:rgba(255,255,255,.12);
  --signal:#F2C335;
  --on-signal:#151412;
  --glass:rgba(28,27,25,.8);
  --sh:rgba(0,0,0,.5);
  --scrim:rgba(18,18,16,.72);
  --hi:rgba(255,255,255,.06);
  --t-red:#E59580;
  --t-red-bg:#3B231D;
  --t-green:#8FC69F;
  --t-green-bg:#1D2F23;
  --t-blue:#98B8DE;
  --t-blue-bg:#1D2735;
  --t-sand:#D8B76C;
  --t-sand-bg:#31291A;
  --on-tone:#151412;
}
html, body { margin: 0; min-height: 100%; background: var(--paper); color: var(--ink); }
html[data-bewegung="reduziert"] *, html[data-bewegung="reduziert"] *::before, html[data-bewegung="reduziert"] *::after { transition: none !important; animation: none !important; }