/* Tokens des Buchungsportals. Einzige Stelle für Farbwerte (siehe DESIGN.md). Bewusst nur ein helles Theme. */
:root{
  color-scheme:light;
  --bg:#FFFFFF; --surface:#F5F9F7; --hair:rgba(14,26,22,.16); --hair-stark:rgba(14,26,22,.28);
  --ink:#0E1A16; --soft:#334A42; --muted:#5F756B;
  --accent:#0B6E4F; --accent-08:rgba(11,110,79,.11); --accent-35:rgba(11,110,79,.35); --on-accent:#FFFFFF;
  --warn:#8A5A00; --warn-08:rgba(170,120,0,.12); --warn-40:rgba(138,90,0,.4);
  --err:#A33A2B; --err-08:rgba(163,58,43,.1); --err-40:rgba(163,58,43,.4);
  --d-werkstatt:#0B6E4F; --d-stand:#8A5A00; --d-vergeben:#0E1A16; --d-impulsgeber:#5B47B0; --d-impulsgeber-08:rgba(91,71,176,.09);
  --schleier:rgba(14,26,22,.28);
  --display:'Space Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --r-field:12px; --r-card:16px; --r-panel:20px; --r-pill:999px;
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px;
  --t-fast:.2s; --t-card:.35s;
  --f-xl:clamp(28px,4vw,40px); --f-l:clamp(22px,2.6vw,28px); --f-m:22px; --f-text:17px; --f-s:15px; --f-xs:13px; --f-etikett:11px;
}