:root {
  color-scheme: dark;
  --mp-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mp-font-display: Georgia, "Times New Roman", serif;
  --mp-font-code: ui-monospace, "SFMono-Regular", Consolas, monospace;
  --mp-creme: #fff8df;
  --mp-gold: #f0c85a;
  --mp-gold-hell: #ffe386;
  --mp-focus: #ffd700;
  --mp-team-gruen: #78e09c;
  --mp-team-rot: #ff8e8e;
  --mp-linie: rgba(255, 248, 223, .18);
  --mp-linie-stark: rgba(255, 248, 223, .28);
  --mp-seitentext: rgba(255, 248, 223, .68);
  --mp-seitenhintergrund:
    radial-gradient(circle at 50% 30%, rgba(35, 151, 103, .2), transparent 38%),
    linear-gradient(145deg, #041510, #071d17 48%, #09261e);
  --mp-kopfzeile:
    linear-gradient(90deg, rgba(4, 21, 16, .96), rgba(9, 46, 35, .88) 50%, rgba(4, 21, 16, .96));
  --mp-panel:
    linear-gradient(150deg, rgba(12, 67, 49, .9), rgba(5, 29, 22, .96));
  --mp-schatten-gross: 0 24px 70px rgba(0, 0, 0, .34);
  --mp-schatten-klein: 0 12px 30px rgba(0, 0, 0, .34);
  --mp-radius-panel: 18px;
  --mp-radius-spieler: 12px;
  --mp-radius-bedienung: 9px;
}

body {
  font-family: var(--mp-font-sans);
  color: var(--mp-creme);
  background: var(--mp-seitenhintergrund);
}

button,
input,
select {
  font: inherit;
}