/* TriPrep – Übersetzungsschicht auf den gemeinsamen Design-Kern (/core/tokens.css, Quelle: tri-hotel-Repo public/core/).
   Alte TriPrep-Variablennamen zeigen auf die Kern-Tokens. Die Grundfarben (--bg, --text, --border, --muted)
   heißen im Kern gleich und kommen direkt von dort; Seiten definieren sie nicht mehr selbst.
   html[data-theme]:root ist spezifischer als :root und [data-theme] in den Seiten – diese Werte gewinnen immer. */
html[data-theme]:root {
  --bg2: var(--surface-2);
  --bg3: var(--surface-2);
  --card: var(--surface);
  --input: var(--surface-2);
  --muted2: var(--muted);
  --sh: var(--shadow);
  --r: var(--radius);
  --fd: var(--head);
  --fb: var(--body);
  --font-d: var(--head);
  --font-b: var(--body);
  --danger: var(--bad);
  --success: var(--good);
  --teal-dim: var(--accent-soft);
  --teal-glow: var(--accent-soft);
  --text-muted: var(--muted);
  --text-dim: var(--muted);
  --bg-card: var(--surface);
  --bg-input: var(--surface-2);
  --bg-section: var(--surface-2);
  --border-input: var(--border);
  /* Menüleiste */
  --nav-hover: color-mix(in srgb, var(--header-text) 10%, transparent);
  --topbar-bg: var(--header-bg);
  --dd-bg: var(--surface);
  --dd-shadow: var(--shadow);
}
/* Türkis: auf hellem Grund als Text zu schwach (1,97 : 1) – hell die dunklere Markenvariante, dunkel das leuchtende Türkis */
html[data-theme="light"]:root { --on-teal: #ffffff; --teal: var(--accent-strong); --teal2: #095a56; --amber: #a15c07; --blue: #1d5fd6; --purple: #6d3fd8; --cyan: #0e7490; }
html[data-theme="dark"]:root { --on-teal: #04211e; --teal: var(--accent); --teal2: #0ba898; --amber: #f59e0b; --blue: #60a5fa; --purple: #a78bfa; --cyan: #67e8f9; }
body { font-family: var(--body); }