/* Schloss Terminal Empfang: aus tokens.json erzeugt, nicht von Hand ändern */
:root, [data-theme="light"] {
  --navy: #004B6B;
  --navy-tief: #002D42;
  --navy-hell: #147199;
  --petrol: #1786A1;
  --seegruen: #166E6F;
  --creme: #F8F2E2;
  --hellgelb: #FEFFE6;
  --weiss: #FFFFFF;
  --gelb: #FBDF00;
  --bernstein: #F6B101;
  --gold: #B8862B;
  --grund: var(--creme);
  --flaeche: var(--weiss);
  --flaeche-leise: #FCFBF8;
  --flaeche-zart: #E8F0F4;
  --flaeche-hinweis: var(--hellgelb);
  --text: var(--navy);
  --text-leise: #476B7E;
  --linie: rgba(0, 75, 107, 0.16);
  --rand-feld: #6B8B99;
  --aktion: var(--navy);
  --aktion-hover: var(--navy-tief);
  --auf-aktion: var(--weiss);
  --auf-gelb: var(--navy);
  --symbol: var(--navy);
  --fokus: var(--petrol);
  --leuchten: rgba(23, 134, 161, 0.28);
  --erfolg: var(--seegruen);
  --erfolg-zart: #E2F0EE;
  --fehler: #B42318;
  --fehler-zart: #FBEAE7;
  --scrim: rgba(0, 45, 66, 0.62);
  --schatten-karte: 0 2px 10px rgba(15, 58, 77, 0.06);
  --schatten-hover: 0 8px 22px rgba(15, 58, 77, 0.14);
  --schatten-kopf: 0 8px 24px rgba(0, 0, 0, 0.18);
  --schatten-dialog: 0 30px 80px rgba(0, 0, 0, 0.45);
  color-scheme: light;
}
[data-theme="dark"] {
  --grund: var(--navy-tief);
  --flaeche: var(--navy);
  --flaeche-leise: #003A54;
  --flaeche-zart: #145977;
  --flaeche-hinweis: #0F5878;
  --text: var(--weiss);
  --text-leise: #C4D7E0;
  --linie: rgba(248, 242, 226, 0.18);
  --rand-feld: rgba(248, 242, 226, 0.6);
  --aktion: var(--creme);
  --aktion-hover: var(--weiss);
  --auf-aktion: var(--navy);
  --symbol: var(--navy-tief);
  --fokus: var(--gelb);
  --leuchten: rgba(251, 223, 0, 0.30);
  --erfolg: #9BE0D6;
  --erfolg-zart: #0C5A66;
  --fehler: #FFB3A7;
  --fehler-zart: #5B3440;
  --scrim: rgba(0, 18, 28, 0.74);
  --schatten-karte: 0 2px 10px rgba(0, 0, 0, 0.25);
  --schatten-hover: 0 8px 22px rgba(0, 0, 0, 0.35);
  color-scheme: dark;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 15px;
  --radius-xl: 18px;
  --radius-pill: 999px;
  --ziel-terminal: 58px;
  --ziel-pult: 44px;
  --fokus-breite: 3px;
  --kopf-hoehe: 100px;
  --logo-hoehe: 118px;
  --kachel-min: 184px;
  --kachel-hoehe: 148px;
  --kachel-symbol: 56px;
  --font-head: Maiandra, "Maiandra GD", Raleway, Georgia, serif;
  --font-text: Raleway, "Segoe UI", system-ui, sans-serif;
}
.titel-gross { font-family: var(--font-head); font-size: 40px; line-height: 50px; font-weight: 400; }
.titel { font-family: var(--font-head); font-size: 36px; line-height: 48px; font-weight: 400; }
.titel-klein { font-family: var(--font-head); font-size: 25.6px; line-height: 34px; font-weight: 400; }
.text-gross { font-family: var(--font-text); font-size: 20px; line-height: 30px; font-weight: 500; letter-spacing: 0.02em; }
.kachel-name { font-family: var(--font-text); font-size: 18px; line-height: 24px; font-weight: 700; letter-spacing: 0.01em; }
.text { font-family: var(--font-text); font-size: 16px; line-height: 28px; font-weight: 500; letter-spacing: 0.02em; }
.text-klein { font-family: var(--font-text); font-size: 14px; line-height: 20px; font-weight: 500; letter-spacing: 0.02em; }
.label { font-family: var(--font-text); font-size: 13px; line-height: 18px; font-weight: 700; letter-spacing: 0.02em; }
.navigation { font-family: var(--font-text); font-size: 14px; line-height: 16px; font-weight: 700; letter-spacing: 0.1em; }
.knopf { font-family: var(--font-text); font-size: 13px; line-height: 14px; font-weight: 800; letter-spacing: 0.2em; }
.knopf-block { font-family: var(--font-text); font-size: 16px; line-height: 16px; font-weight: 900; letter-spacing: 0.1875em; }
.marke { font-family: var(--font-text); font-size: 11px; line-height: 14px; font-weight: 800; letter-spacing: 0.18em; }
@font-face { font-family: "Maiandra"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/MaiandraGD-Regular.woff2") format("woff2"); }
@font-face { font-family: "Raleway"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("fonts/raleway-latin-wght-normal.woff2") format("woff2"); }