/* ============================================================================
   FunFlight Startliste — Basis
   ----------------------------------------------------------------------------
   Schriften (lokal gebündelt, keine externen Requests), Reset und die
   iOS/Safari-Grundeinstellungen für den App-Charakter auf dem iPhone.
   ========================================================================== */

/* ---- B612 (Airbus-Cockpitschrift, SIL Open Font License) ---------------- */
@font-face {
  font-family: 'B612';
  src: url('../fonts/b612-v13-latin-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'B612';
  src: url('../fonts/b612-v13-latin-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'B612 Mono';
  src: url('../fonts/b612-mono-v16-latin-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'B612 Mono';
  src: url('../fonts/b612-mono-v16-latin-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: block;
}

/* ---- Reset --------------------------------------------------------------- */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  /* iOS: keine automatische Textvergrößerung, kein Doppeltipp-Zoom */
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

body {
  min-height: 100dvh;
  background: var(--bay);
  color: var(--ink);
  font-family: var(--font-body);
  font-size: var(--fs-body);
  line-height: 1.45;
  /* iOS-App-Gefühl: kein Gummiband-Scrollen über die Ränder hinaus,
     keine grauen Tap-Flächen, keine 300ms-Verzögerung */
  overscroll-behavior: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  /* Im Cockpit soll nichts versehentlich markiert werden;
     Export-Werte geben die Auswahl gezielt wieder frei (.selectable) */
  -webkit-user-select: none;
  user-select: none;
  -webkit-font-smoothing: antialiased;
}

button {
  font: inherit;
  color: inherit;
  background: none;
  border: none;
  cursor: pointer;
  touch-action: manipulation;
}

input, textarea {
  font: inherit;
  color: inherit;
}

svg { display: block; }

/* Das hidden-Attribut muss auch gegen eigene display-Regeln
   (z.B. display:grid auf .dock) zuverlässig gewinnen */
[hidden] { display: none !important; }

/* ---- Utilities ------------------------------------------------------------ */

/* Instrumenten-Ziffern: Mono-Schrift, Ziffern immer gleich breit */
.mono {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
}

/* Kleine Uppercase-Beschriftung (Feldnamen, Abschnitts-Titel) */
.microlabel {
  font-family: var(--font-ui);
  font-size: var(--fs-micro);
  font-weight: 400;
  letter-spacing: var(--ls-label);
  text-transform: uppercase;
  color: var(--ink-faint);
}

.selectable {
  -webkit-user-select: text;
  user-select: text;
}

/* Reduzierte Bewegung respektieren */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}