/* Werkmass — generated from tokens.json */
:root, [data-theme="light"] {
  --papier: #faf9f6;
  --flaeche: #ffffff;
  --flaeche-zart: #f2f0ea;
  --anthrazit: #1f2937;
  --text-sekundaer: #6b7280;
  --linie: #e6e2d8;
  --flaeche-dunkel: #1f2937;
  --auf-dunkel: #faf9f6;
  --raster: #1f29370d;
  --raster-stark: #1f29371a;
  --masslinie: #6b7280;
  --gruen: #5e7d4f;
  --gruen-dunkel: #4a6640;
  --gruen-hell: #8aa876;
  --auf-gruen: #ffffff;
  --status-ok: var(--gruen);
  --status-achtung: #a87c1e;
  --status-kritisch: #9b2c2c;
  --status-offen: #8a9099;
  --status-spaeter: #e4e1d9;
  --schatten-karte: 0 1px 2px rgba(31,41,55,.06), 0 4px 12px rgba(31,41,55,.05);
  --schatten-fenster: -12px 0 32px rgba(31,41,55,.14);
}
[data-theme="dark"] {
  --papier: #14181d;
  --flaeche: #1b2027;
  --flaeche-zart: #232931;
  --anthrazit: #eceae4;
  --text-sekundaer: #a3aab3;
  --linie: #2f363e;
  --flaeche-dunkel: #2a313b;
  --auf-dunkel: #eceae4;
  --raster: #eceae40f;
  --raster-stark: #eceae41c;
  --masslinie: #a3aab3;
  --gruen: #8aa876;
  --gruen-dunkel: #a8c296;
  --gruen-hell: #5e7d4f;
  --auf-gruen: #14181d;
  --status-ok: var(--gruen);
  --status-achtung: #e0b54f;
  --status-kritisch: #e07a6a;
  --status-offen: #7c838c;
  --status-spaeter: #323840;
  --schatten-karte: 0 1px 2px rgba(0,0,0,.4);
  --schatten-fenster: -12px 0 32px rgba(0,0,0,.5);
}
:root {
  --abstand-1: 4px;
  --abstand-2: 8px;
  --abstand-3: 12px;
  --abstand-4: 16px;
  --abstand-6: 24px;
  --abstand-8: 32px;
  --abstand-12: 48px;
  --raster-schritt: 24px;
  --radius-klein: 6px;
  --radius-mittel: 10px;
  --radius-gross: 14px;
  --radius-pille: 999px;
  --font-display: "Bricolage Grotesque", Arial, sans-serif;
  --font-text: "Source Serif 4", Georgia, serif;
}
.titel { font-family: var(--font-display); font-size: 40px; line-height: 44px; font-weight: 700; letter-spacing: -0.01em; }
.h1 { font-family: var(--font-display); font-size: 28px; line-height: 34px; font-weight: 700; }
.h2 { font-family: var(--font-display); font-size: 20px; line-height: 26px; font-weight: 600; }
.label { font-family: var(--font-display); font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.08em; }
.zahl-gross { font-family: var(--font-display); font-size: 32px; line-height: 36px; font-weight: 700; }
.zahl { font-family: var(--font-display); font-size: 18px; line-height: 24px; font-weight: 600; }
.ui { font-family: var(--font-display); font-size: 14px; line-height: 20px; font-weight: 500; }
.klein { font-family: var(--font-display); font-size: 12px; line-height: 16px; font-weight: 400; }
.text { font-family: var(--font-text); font-size: 16px; line-height: 26px; font-weight: 400; }
.text-klein { font-family: var(--font-text); font-size: 14px; line-height: 22px; font-weight: 400; }
.zitat { font-family: var(--font-text); font-size: 18px; line-height: 28px; font-weight: 300; font-style: italic; }