:root, [data-theme="papier"] {
  --surface-grund: #F4F1EA;
  --surface-karte: #FFFFFF;
  --surface-gedeckt: #FBFAF6;
  --surface-band: #EAE5DA;
  --surface-invers: #16181C;
  --ink: #16181C;
  --ink-sekundaer: #3A3D44;
  --ink-tertiaer: #5F6269;
  --ink-invers: #F4F1EA;
  --ink-invers-gedaempft: #C6C2B8;
  --akzent: #A81C2E;
  --akzent-tief: #7C0D1D;
  --linie: #D7D1C4;
  --linie-stark: #16181C;
  --linie-zart: #E2DDD2;
  --fokus: #A81C2E;
}
[data-theme="nacht"] {
  --surface-grund: #16181C;
  --surface-karte: #1E2127;
  --surface-gedeckt: #1A1D23;
  --surface-band: #23262C;
  --surface-invers: #F4F1EA;
  --ink: #F4F1EA;
  --ink-sekundaer: #C6C2B8;
  --ink-tertiaer: #9BA0A9;
  --ink-invers: #16181C;
  --ink-invers-gedaempft: #3A3D44;
  --akzent: #E79AA6;
  --akzent-tief: #F2B6BF;
  --linie: #3C4048;
  --linie-stark: #F4F1EA;
  --linie-zart: #2A2E35;
  --fokus: #E79AA6;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --radius-kante: 0px;
  --radius-karte: 2px;
  --radius-pille: 999px;
  --font-display: "Instrument Serif", "Iowan Old Style", Georgia, serif;
  --font-text: "Public Sans", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;
}
.display-xl { font-family: var(--font-display); font-size: 78px; line-height: 76px; font-weight: 400; letter-spacing: -0.02em; }
.display-l { font-family: var(--font-display); font-size: 62px; line-height: 64px; font-weight: 400; letter-spacing: -0.02em; }
.display-m { font-family: var(--font-display); font-size: 38px; line-height: 44px; font-weight: 400; }
.display-s { font-family: var(--font-display); font-size: 27px; line-height: 32px; font-weight: 400; }
.zahl { font-family: var(--font-display); font-size: 46px; line-height: 46px; font-weight: 400; }
.lead { font-family: var(--font-text); font-size: 19px; line-height: 30px; font-weight: 400; }
.body { font-family: var(--font-text); font-size: 18px; line-height: 31px; font-weight: 400; }
.body-s { font-family: var(--font-text); font-size: 15px; line-height: 23px; font-weight: 400; }
.body-stark { font-family: var(--font-text); font-size: 17px; line-height: 26px; font-weight: 600; }
.fussnote { font-family: var(--font-text); font-size: 13px; line-height: 20px; font-weight: 400; }
.label { font-family: var(--font-mono); font-size: 11px; line-height: 16px; font-weight: 500; letter-spacing: 0.12em; }
.label-l { font-family: var(--font-mono); font-size: 12px; line-height: 18px; font-weight: 400; letter-spacing: 0.08em; }
.daten { font-family: var(--font-mono); font-size: 15px; line-height: 22px; font-weight: 400; }