/* ============================================================================
 * css/base.css  —  Globale Grundlagen (v2)
 * Ladereihenfolge: fonts -> tokens -> base -> components.
 * Enthaelt NUR projektweite Grundlagen, KEINE Komponenten-Styles.
 * Guideline-v2-Refactor / CSS-Reorg 3/12.
 * ==========================================================================*/

/* Universal-Reset (entspricht bestehender Projekt-Norm aus
 * n-Back-Training-style.css; dortiges Duplikat wird in CSS-Reorg 8/12 entfernt) */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* Body-Grundtypografie aus Tokens. Seiten-/Komponenten-CSS (laedt danach)
 * darf bewusst ueberschreiben (z. B. dunkle Trainings-Flaeche). */
body {
  font-family: var(--font-family);
  font-size: var(--text-body);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-base);
  color: var(--color-text);
  background-color: var(--color-bg-page);
}

/* Sichtbarkeits-Utility (v2: Sichtbarkeit via Klasse statt el.style.display).
 * Wird in CSS-Reorg 10/12 fuer die JS-Umstellung genutzt. */
.is-hidden {
  display: none !important;
}

/* Sichtbarer Fokus-Indikator als globale Grundlage (v2 §4.2).
 * Komponenten duerfen den Ring stilisieren, aber nicht ersatzlos entfernen. */
:focus-visible {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: 2px;
}