/* Upward Design-Tokens. Eingefroren am 05.09.2026 (ADR 0013, design/tokens.md).
   Aenderung nur auf ausdruecklichen Auftrag. */
:root {
  color-scheme: light dark;

  --papier: #FBFAF8;
  --flaeche: #FFFFFF;
  --flaeche-2: #F4F1EC;
  --tinte: #14120F;
  --tinte-gedaempft: #5C5750;
  --linie: #E4DFD7;
  --akzent: #A8481B;
  --akzent-flaeche: #F7EBE3;
  --positiv: #1F6F4A;
  --warnung: #8A6A12;

  --schrift-titel: "Iowan Old Style", "Palatino Linotype", Palatino, Charter, Georgia, serif;
  --schrift-text: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --schrift-zahl: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

  --t-anzeige: clamp(2.2rem, 5.5vw, 3.6rem);
  --t-h1: clamp(1.8rem, 4vw, 2.6rem);
  --t-h2: clamp(1.35rem, 2.6vw, 1.7rem);
  --t-gross: 1.15rem;
  --t-text: 1rem;
  --t-klein: 0.875rem;
  --t-mikro: 0.8rem;

  --m1: 4px; --m2: 8px; --m3: 12px; --m4: 16px; --m5: 24px;
  --m6: 32px; --m7: 48px; --m8: 64px; --m9: 96px;

  --textbreite: 34rem;
  --seitenbreite: 68rem;
  --radius: 10px;
  --radius-klein: 6px;
  --tippflaeche: 44px;

  --zeit-schnell: 120ms;
  --zeit: 200ms;
  --kurve: cubic-bezier(.2,.7,.3,1);
  --schatten: 0 1px 2px rgba(20,18,15,.04), 0 8px 24px rgba(20,18,15,.06);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-thema="hell"]) {
    --papier: #121110;
    --flaeche: #1B1A18;
    --flaeche-2: #242220;
    --tinte: #F2EFEA;
    --tinte-gedaempft: #A8A29A;
    --linie: #33302C;
    --akzent: #E08A55;
    --akzent-flaeche: #2E211A;
    --positiv: #4FA97D;
    --warnung: #C9A227;
    --schatten: 0 1px 2px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.4);
  }
}
:root[data-thema="dunkel"] {
  --papier: #121110; --flaeche: #1B1A18; --flaeche-2: #242220;
  --tinte: #F2EFEA; --tinte-gedaempft: #A8A29A; --linie: #33302C;
  --akzent: #E08A55; --akzent-flaeche: #2E211A;
  --positiv: #4FA97D; --warnung: #C9A227;
  --schatten: 0 1px 2px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.4);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}