:root {
  --termine-pro-tag: 7;
  --wochen-danach: 3;

  --schrift: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --schrift-normal: 16px;
  --schrift-klein: 13px;

  --leiste-hoehe: 40px;
  --leiste-schrift: 15px;
  --leiste-symbol: 22px;
  --leiste-knopf-breite: 36px;
  --leiste-pfeil-breite: 28px;

  --wochentage-hoehe: 18px;
  --wochentage-schrift: 11px;

  --zelle-abstand: 3px;
  --zelle-radius: 8px;
  --rand-aussen: 3px;

  --zahl-hoehe: 24px;
  --zahl-schrift: 15px;
  --zahl-gewicht: 700;
  --kw-schrift: 9px;

  --balken-hoehe: 17px;
  --balken-abstand: 2px;
  --balken-schrift: 12px;
  --balken-gewicht: 500;
  --balken-radius: 4px;
  --balken-einzug: 2px;

  --mehr-hoehe: 14px;
  --mehr-schrift: 11px;
  --mehr-zeichen: "↓↓↓";

  --uhrzeit-ab-breite: 700px;

  --stunde-hoehe: 52px;
  --zeitspalte-breite: 46px;
  --zeitspalte-schrift: 11px;
  --block-schrift: 13px;
  --block-klein-schrift: 11px;
  --block-radius: 6px;
  --block-min-hoehe: 22px;
  --ganztag-max-hoehe: 30%;

  --farbe-hintergrund: #ffffff;
  --farbe-zelle: #f1f3f6;
  --farbe-zelle-fremd: #f8f9fb;
  --farbe-zelle-wochenende: #eceff4;
  --farbe-text: #1b1d22;
  --farbe-text-leise: #7a808c;
  --farbe-text-fremd: #b4b9c3;
  --farbe-akzent: #2f6fe4;
  --farbe-akzent-text: #ffffff;
  --farbe-linie: #dde1e8;
  --farbe-leiste: #f4f5f7;
  --farbe-panel: #ffffff;
  --farbe-eingabe: #f1f3f6;
  --farbe-gefahr: #d23c3c;
  --farbe-erfolg: #2e9e5b;
  --farbe-schatten: rgba(0, 0, 0, 0.18);
  --farbe-abdunkeln: rgba(0, 0, 0, 0.35);
  --farbe-balken-text-hell: #ffffff;
  --farbe-balken-text-dunkel: #1d1606;
  --farbe-jetzt: #e5484d;
}

@media (prefers-color-scheme: dark) {
  :root {
    --farbe-hintergrund: #000000;
    --farbe-zelle: #1c1d21;
    --farbe-zelle-fremd: #0f1012;
    --farbe-zelle-wochenende: #202127;
    --farbe-text: #eceef2;
    --farbe-text-leise: #9aa0ab;
    --farbe-text-fremd: #4d525b;
    --farbe-akzent: #5b8def;
    --farbe-akzent-text: #ffffff;
    --farbe-linie: #2c2e34;
    --farbe-leiste: #121316;
    --farbe-panel: #17181b;
    --farbe-eingabe: #24262b;
    --farbe-gefahr: #ef6461;
    --farbe-erfolg: #4cc38a;
    --farbe-schatten: rgba(0, 0, 0, 0.6);
    --farbe-abdunkeln: rgba(0, 0, 0, 0.55);
  }
}