/* =============================================================================
   Design „Dossier" — helle, redaktionelle Gestaltung.
   Tokens gescopet auf .pit-dossier, damit sie NavyAmber nicht berühren.
   Dunkle Abschnitte (KI, Laufbahn-Bühne) tragen .is-dark und drehen die Aliase.
   Werte final aus dem Handoff (README „Design-Tokens").
   ========================================================================== */
.pit-dossier {
  /* Farben */
  --dos-paper: #ECEEED;
  --dos-card: #FFFFFF;
  --dos-ink: #111418;
  --dos-ink-2: #2B3036;
  --dos-muted: #50565E;
  --dos-rule: #C9CDCF;
  --dos-rule-soft: #D6D9DA;
  --dos-dark-bg: #111418;
  --dos-dark-card: #15191E;
  --dos-dark-line: #2B3036;
  --dos-dark-line-2: #3A4047;
  --dos-on-dark: #FFFFFF;
  --dos-on-dark-body: #E4E6E7;
  --dos-on-dark-body-2: #C9CDCF;
  --dos-on-dark-muted: #A7ADB3;
  --dos-on-dark-faint: #8A9097;
  --amber: #F6C445;
  --amber-press: #E0AC28;
  --gruen: #3FAE6E;

  /* Schrift */
  --dos-font: 'Schibsted Grotesk', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --dos-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Raster / Abstände */
  --dos-max: 1320px;
  --dos-pad: clamp(20px, 4vw, 56px);
  --dos-sec-y: clamp(88px, 11vw, 152px);
  --dos-dark-y: clamp(72px, 9vw, 128px);

  /* Radien */
  --dos-r-btn: 4px;
  --dos-r-card: 8px;
  --dos-r-dark: 6px;
  --dos-r-media: 16px;

  /* semantische Aliase (hell) */
  --surface: var(--dos-paper);
  --surface-card: var(--dos-card);
  --text: var(--dos-ink);
  --text-2: var(--dos-ink-2);
  --muted: var(--dos-muted);
  --rule: var(--dos-rule);

  /* WICHTIG: die globale pit.css (NavyAmber) setzt direkt auf Elementen
     h1..h5{color:var(--text-strong);font-family:var(--font-display)},
     body{color:var(--text-body)}, a{color:var(--text-link)}. Diese Regeln
     schlagen die Vererbung. Deshalb die NavyAmber-Aliase hier auf Dossier-Werte
     drehen, sonst sind Überschriften weiß und in Rubik. */
  --font-display: var(--dos-font);
  --font-body: var(--dos-font);
  --font-label: var(--dos-mono);
  --font-mono: var(--dos-mono);
  --text-strong: var(--dos-ink);
  --text-body: var(--dos-ink-2);
  --text-muted: var(--dos-muted);
  --text-link: var(--dos-ink);
  --text-link-hover: var(--dos-ink);
  --focus-ring: var(--amber);
}

/* Grundfläche der Seite in diesem Design */
.pit-dossier {
  background: var(--dos-paper);
  color: var(--dos-ink);
  font-family: var(--dos-font);
  font-size: 17px;
  line-height: 1.6;
  font-kerning: normal;
}

/* Dunkle Abschnitte: Aliase drehen */
.pit-dossier .is-dark {
  --surface: var(--dos-dark-bg);
  --surface-card: var(--dos-dark-card);
  --text: var(--dos-on-dark);
  --text-2: var(--dos-on-dark-body);
  --muted: var(--dos-on-dark-muted);
  --rule: var(--dos-dark-line);
  /* auch die pit.css-Aliase für dunkle Abschnitte drehen (Überschriften weiß) */
  --text-strong: var(--dos-on-dark);
  --text-body: var(--dos-on-dark-body);
  --text-muted: var(--dos-on-dark-muted);
  background: var(--dos-dark-bg);
  color: var(--dos-on-dark-body);
}