/* VistaMira 2.22: eine Quelle für Farbe, Abstand, Typografie und Trefferflächen.
   Phone-first: die Grundwerte gelten für Handys, größere Ansichten erhöhen sie.

   LADEREIHENFOLGE (index.php und legal-lib.php):
     tokens.css → vendor/leaflet.css → style.css → night.css → tours.css → mobile.css
     → discovery.css → feedback.css
   Später geladene Datei gewinnt bei gleicher Spezifität. Keine neue CSS-Datei anlegen:
   Komponentenregeln gehören nach discovery.css, Werte hierher.

   style.css bildet die alten Namen (--navy, --blue, --line, --night-panel …) auf diese
   Tokens ab. Dort steht zu jedem ein literaler Rückfallwert, weil die Seiten unter
   reiseziele/ tokens.css nicht laden. */
:root{
 /* Dunkle Oberfläche: wirkt auf Formularelemente, Bildlaufleisten und Auswahlfelder. */
 color-scheme:dark;
 /* Farbe – blaue Stunde */
 --vm-ink:#eef3ff;
 --vm-ink-muted:#c1cede;
 --vm-ink-soft:#b7c7e4;
 --vm-ink-strong:#fff0db;
 --vm-navy:#0b1933;
 --vm-surface:#0e2038;
 --vm-surface-raised:#173557;
 --vm-surface-sunken:#13243d;
 --vm-panel:#122747;
 --vm-input:#0c1c36;
 --vm-line:#435570;
 --vm-line-soft:#3b537b;
 --vm-line-strong:#526784;
 --vm-accent:#edbc74;
 --vm-accent-hover:#f6ce95;
 --vm-accent-muted:#233d66;
 --vm-accent-ink:#12213b;
 --vm-info:#7fb2e8;
 --vm-success:#7fd2a6;
 --vm-warning:#edbc74;
 --vm-error:#ff9c92;
 --vm-locked:#edbc74;
 /* Abstände – 4er-Raster, damit Ränder und Lücken nicht mehr frei erfunden werden */
 --vm-space-1:4px;
 --vm-space-2:8px;
 --vm-space-3:12px;
 --vm-space-4:16px;
 --vm-space-5:24px;
 --vm-space-6:32px;
 /* Radien */
 --vm-radius-sm:8px;
 --vm-radius:12px;
 --vm-radius-lg:16px;
 /* Trefferflächen: 48px für den Daumen, 44px als absolute Untergrenze */
 --vm-touch:48px;
 --vm-touch-min:44px;
 /* Schrift */
 --vm-text-xs:.75rem;
 --vm-text-sm:.85rem;
 --vm-text:1rem;
 --vm-text-lg:1.15rem;
 --vm-title:clamp(1.35rem,5.5vw,1.8rem);
 --vm-shadow:0 10px 30px #030a1866;
 /* Von einer späteren Bottom-Navigation erhöht, damit nichts darunter verschwindet. */
 --vm-safe-bottom:0px;
}
@media(min-width:701px){
 :root{--vm-title:clamp(2rem,2.7vw,2.8rem)}
}
/* Für Inhalte, die Screenreader brauchen und das Auge nicht. */
.vm-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}