/* ==========================================================================
   MASCHINENRAUM — Art-Direction-Brücke
   --------------------------------------------------------------------------
   Die Maschinenraum-Artikel bringen ihre eigene Grundtypografie mit. Diese
   Datei übersetzt nur die Story-Tokens aus journal-themes.css in deren
   Variablen, damit die Familie erkennbar bleibt, aber jeder Beitrag seine
   eigene Sub-Sprache bekommt (analog, mapping, forensisch, dualität).

   Quelle: src/styles/maschinenraum-art-direction.css
   Kopie:  public/maschinenraum/_shared/art-direction.css
   ========================================================================== */
@import url("/journal/_assets/journal-themes.css");

html[data-jr-theme^="machine-"] {
  --bg: var(--jrt-bg);
  --paper: var(--jrt-surface);
  --ink: var(--jrt-fg);
  --muted: var(--jrt-muted);
  --line: var(--jrt-line);
  --soft: var(--jrt-band);
  --accent: var(--jrt-accent);
  --dark: var(--jrt-fg-strong);
}
html[data-jr-theme^="machine-"] body { background: var(--bg); color: var(--ink); }
html[data-jr-theme^="machine-"] .page {
  background: linear-gradient(180deg, var(--paper), var(--bg));
}

/* Sub-Sprachen: Struktur, nicht nur Farbe */

/* analog / roh — Papierkante, unperfekte Marker */
html[data-jr-theme="machine-analog"] .page { background: var(--paper); }
html[data-jr-theme="machine-analog"] h1,
html[data-jr-theme="machine-analog"] h2 { font-family: var(--serif); letter-spacing: -0.015em; }
html[data-jr-theme="machine-analog"] blockquote {
  border-left: 4px solid var(--jrt-accent-dark);
  background: transparent;
}

/* mapping / Route / Ticket */
html[data-jr-theme="machine-map"] h2 {
  border-top: 1px dashed var(--line);
  padding-top: 14px;
}
html[data-jr-theme="machine-map"] blockquote {
  border-left: 2px solid var(--jrt-accent);
  background-image: repeating-linear-gradient(90deg, transparent 0 28px, var(--line) 28px 29px);
  background-size: 100% 1px;
  background-repeat: no-repeat;
  background-position: 0 100%;
}

/* forensisch — Transkript, Warnmarker */
html[data-jr-theme="machine-forensic"] h2::before {
  content: "";
  display: block;
  width: 42px;
  height: 2px;
  background: var(--jrt-accent-dark);
  margin-bottom: 12px;
}
html[data-jr-theme="machine-forensic"] blockquote {
  border-left: 3px solid var(--jrt-accent-dark);
  font-family: var(--sans);
}

/* Dualität — Split-Rhythmus */
html[data-jr-theme="machine-duality"] section:nth-of-type(2n) { background: var(--soft); }
html[data-jr-theme="machine-duality"] blockquote { border-left: 3px solid var(--jrt-accent); }

@media (prefers-reduced-motion: reduce) {
  html[data-jr-theme^="machine-"] * { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}