/* ============================================================
   FRANKFURT 2042 — Typografie v2 (site-weit)
   Aktivierung über das BESTEHENDE Backend-Setting:
   Admin → Einstellungen → Schriftart → „Dystopian (Condensed)"
   (Setting `font_family` → html[data-font="dystopian"]).
   Der Wert „archivo" wird als Alias ebenfalls unterstützt.

   Vereinheitlicht Reader & Unterseiten mit der Startseite:
   - Archivo (variable, condensed für Headlines) — self-hosted
   - IBM Plex Mono für UI-Details (Buttons, Labels, Meta)
   Lädt nach site.css → übersteuert gezielt.
   ============================================================ */

/* Self-hosted Fonts (identisch zu v2-home.css; Browser dedupliziert) */
@font-face{
  font-family:'Archivo';
  font-style:normal;
  font-weight:400 900;
  font-stretch:62% 125%;
  font-display:swap;
  src:url('/assets/fonts/archivo-var.woff2') format('woff2');
}
@font-face{
  font-family:'IBM Plex Mono';
  font-style:normal;font-weight:400;font-display:swap;
  src:url('/assets/fonts/plexmono-400.woff2') format('woff2');
}
@font-face{
  font-family:'IBM Plex Mono';
  font-style:normal;font-weight:500;font-display:swap;
  src:url('/assets/fonts/plexmono-500.woff2') format('woff2');
}

/* ---------- Basis: Fließtext ---------- */
html[data-font="dystopian"],
html[data-font="archivo"],
html[data-font="dystopian"] body,
html[data-font="archivo"] body{
  font-family:'Archivo', ui-sans-serif, system-ui, 'Segoe UI', Roboto, Arial, sans-serif;
  font-variation-settings:'wdth' 100;
}
/* Die alte Impact-Variable gleich mit aufwerten */
html[data-font="dystopian"]{
  --font-dystopian:'Archivo', 'Arial Narrow', 'Roboto Condensed', sans-serif;
}

/* ---------- Headlines: wie Startseite (condensed, kräftig) ---------- */
html[data-font="dystopian"] h1,
html[data-font="archivo"] h1,
html[data-font="dystopian"] h2,
html[data-font="archivo"] h2{
  font-family:'Archivo', sans-serif;
  font-weight:900;
  font-variation-settings:'wdth' 72;
  text-transform:uppercase;
  letter-spacing:.01em;
  line-height:1.08;
  text-wrap:balance;
}
html[data-font="dystopian"] h3,
html[data-font="archivo"] h3{
  font-family:'Archivo', sans-serif;
  font-weight:800;
  font-variation-settings:'wdth' 78;
  letter-spacing:.005em;
  line-height:1.15;
}

/* ---------- UI-Details: Mono wie Startseite ---------- */
html[data-font="dystopian"] .btn,
html[data-font="archivo"] .btn,
html[data-font="dystopian"] button,
html[data-font="archivo"] button,
html[data-font="dystopian"] input,
html[data-font="archivo"] input,
html[data-font="dystopian"] select,
html[data-font="archivo"] select,
html[data-font="dystopian"] textarea,
html[data-font="archivo"] textarea{
  font-family:'IBM Plex Mono', ui-monospace, Consolas, monospace;
  letter-spacing:.06em;
}
html[data-font="dystopian"] .btn,
html[data-font="archivo"] .btn,
html[data-font="dystopian"] button,
html[data-font="archivo"] button{
  text-transform:uppercase;
  font-size:.86em;
  font-weight:500;
}
html[data-font="dystopian"] .muted,
html[data-font="archivo"] .muted,
html[data-font="dystopian"] .reader-toc h3,
html[data-font="archivo"] .reader-toc h3{
  font-family:'IBM Plex Mono', ui-monospace, monospace;
  letter-spacing:.1em;
}

/* ---------- Reader-Feinschliff im v2-Stil ---------- */
/* Kapitel-Fließtext bleibt bewusst Archivo in voller Breite (beste
   Lesbarkeit); Maße/Größen kommen aus reader-v2.css. */
html[data-font="dystopian"] .reader-prose,
html[data-font="archivo"] .reader-prose{
  font-variation-settings:'wdth' 100;
  font-weight:400;
}
html[data-font="dystopian"] .reader-content .chapter > h2,
html[data-font="archivo"] .reader-content .chapter > h2{
  border-bottom:2px solid var(--theme-accent, #ff6600);
  display:inline-block;
  padding-bottom:.15em;
  margin-bottom:.8em;
}
html[data-font="dystopian"] .reader-toc a,
html[data-font="archivo"] .reader-toc a{
  font-family:'IBM Plex Mono', ui-monospace, monospace;
  font-size:.85rem;
  letter-spacing:.04em;
}

/* Navigation im gleichen Duktus */
html[data-font="dystopian"] nav a,
html[data-font="archivo"] nav a{
  font-family:'IBM Plex Mono', ui-monospace, monospace;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:.9em;
}