/* ============================================================
   NeugierRaum — zentrale Design-Tokens und Basis-Reset
   Eingebunden via partials/head-common.php auf allen Seiten.
   Layout-Variablen (--max-w, --px, --section-py, --radius,
   --nav-h) bleiben seitenspezifisch im jeweiligen <style>.
============================================================ */

:root {
  --teal:        #0F766E;
  --teal-mid:    #14B8A6;
  --teal-light:  #CCFBF1;
  --teal-pale:   #F0FDFA;
  --ink:         #111827;
  --slate:       #374151;
  --muted:       #6B7280;
  --border:      #E5E7EB;
  --surface:     #FFFFFF;
  --off-white:   #F9FAFB;
  --dark:        #0D1117;
  --f-display:   'Cormorant Garamond', Georgia, serif;
  --f-body:      'DM Sans', system-ui, sans-serif;
  --ease:        cubic-bezier(0.16, 1, 0.3, 1);
}

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

::selection { background: var(--teal-light); color: var(--teal); }

/* Skip-Link «Zum Inhalt springen», global, sichtbar nur bei Tastatur-Fokus
   (WCAG 2.4.1 Bypass Blocks). Erscheint links oben, sobald fokussiert. */
.skip-link {
  position: absolute;
  left: 8px;
  top: -56px;
  z-index: 1000;
  background: var(--teal);
  color: #fff;
  font-family: var(--f-body);
  font-size: 0.95rem;
  font-weight: 500;
  padding: 10px 16px;
  border-radius: 6px;
  text-decoration: none;
  transition: top 0.15s var(--ease);
}
.skip-link:focus { top: 8px; }

/* Konsistenter, gebrandeter Tastatur-Fokus auf allen Seiten (WCAG 2.4.7).
   :where() hält die Spezifität bei 0, damit Seiten-Regeln Vorrang behalten;
   nur per Tastatur sichtbar (nicht bei Maus-Klick). */
:where(a, button, input, textarea, select, summary, [tabindex]):focus-visible {
  outline: 2px solid var(--teal);
  outline-offset: 2px;
  border-radius: 3px;
}