/* Hausdesign — generated from tokens.json */
:root, [data-theme="bruecke"] {
  --grund: #050914;
  --grund-tief: #03060e;
  --panel: #0d1730;
  --panel-2: #132043;
  --panel-3: #18264d;
  --rand: #1e3260;
  --rand-stark: #2b4a86;
  --rand-feld: #5d719a;
  --text: #e8f2ff;
  --text-2: #c9d6ee;
  --matt: #93a9cc;
  --akzent: #2ec5ff;
  --auf-akzent: #04121f;
  --akzent-sanft: #10365a;
  --gold: #ffc548;
  --auf-gold: #2a1d00;
  --gold-sanft: #2a2410;
  --gruen: #3ddc84;
  --gruen-sanft: #0b3526;
  --orange: #ff9f43;
  --orange-sanft: #3d2a0c;
  --rot: #ff5f6d;
  --auf-rot: #1b0a10;
  --rot-sanft: #2c0a12;
  --lila: #c77dff;
  --lila-sanft: #1d1640;
  --schimmer: #16305e;
  --person-basti: #1e88e5;
  --person-jessi: #e91e63;
  --person-teo: #43a047;
  --person-mina: #fb8c00;
  --auf-person: #05070c;
  --spiel-insel: #2f9e6b;
  --spiel-lauf: #e8734a;
  --spiel-moehre: #e8912a;
  --spiel-wuerfel: #d6a83c;
  --spiel-legen: #b07cd6;
  --spiel-sammeln: #4f9ed1;
  --spiel-brett: #5b8def;
  --spiel-karten: #d64f7a;
  --schatten: none;
}
[data-theme="tag"] {
  --grund: #f4f6fb;
  --grund-tief: #e9edf6;
  --panel: #ffffff;
  --panel-2: #eef1f8;
  --panel-3: #e3e7ef;
  --rand: #e3e7ef;
  --rand-stark: #b6bfd0;
  --rand-feld: #808ba0;
  --text: #1a2233;
  --text-2: #38425a;
  --matt: #5c6579;
  --akzent: #0a6ea8;
  --auf-akzent: #ffffff;
  --akzent-sanft: #e6eef7;
  --gold: #8a5f00;
  --auf-gold: #ffffff;
  --gold-sanft: #fbf1d3;
  --gruen: #1b7a45;
  --gruen-sanft: #e5f4ec;
  --orange: #ad4f08;
  --orange-sanft: #fbebdd;
  --rot: #c62828;
  --auf-rot: #ffffff;
  --rot-sanft: #fdecea;
  --lila: #7b4fa0;
  --lila-sanft: #f1e8f8;
  --schimmer: #dfe8f7;
  --schatten: 0 2px 10px rgba(20,30,60,.08);
}
:root {
  --luft-1: 4px;
  --luft-2: 8px;
  --luft-3: 12px;
  --luft: 14px;
  --luft-4: 16px;
  --luft-6: 24px;
  --luft-8: 32px;
  --r-klein: 11px;
  --r-mittel: 14px;
  --r-gross: 20px;
  --r-voll: 999px;
  --ziel-min: 44px;
  --icon-feld: 40px;
  --kachel-hoehe: 104px;
  --font-schrift: "Trebuchet MS", Roboto, "Segoe UI", Verdana, sans-serif;
  --font-anzeige: ui-monospace, "Cascadia Mono", "Roboto Mono", Consolas, monospace;
}
.titel { font-family: var(--font-schrift); font-size: 28px; line-height: 34px; font-weight: 700; }
.ueberschrift { font-family: var(--font-schrift); font-size: 20px; line-height: 26px; font-weight: 700; }
.fliesstext { font-family: var(--font-schrift); font-size: 16px; line-height: 24px; font-weight: 400; }
.name { font-family: var(--font-schrift); font-size: 15px; line-height: 20px; font-weight: 700; }
.zeile { font-family: var(--font-schrift); font-size: 14px; line-height: 20px; font-weight: 400; }
.klein { font-family: var(--font-schrift); font-size: 13px; line-height: 18px; font-weight: 400; }
.etikett { font-family: var(--font-schrift); font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: 0.08em; }
.uhr { font-family: var(--font-anzeige); font-size: 60px; line-height: 60px; font-weight: 400; letter-spacing: -0.02em; }
.gross-wert { font-family: var(--font-anzeige); font-size: 40px; line-height: 40px; font-weight: 400; }
.kennzahl { font-family: var(--font-anzeige); font-size: 18px; line-height: 24px; font-weight: 400; }
.mini-wert { font-family: var(--font-anzeige); font-size: 12px; line-height: 16px; font-weight: 400; }