/* scisimple.css — Komponenten-/Hilfsschicht für scisimple.io.
   Aus dem Claude-Design-Package (assets/theme.css), ohne die daisyUI-Theme-
   Tokens (die kommen aus dem Tailwind-Build, theme/src/themes/scisimple*).
   Wird in base_scisimple.html NACH dem dist-Bundle geladen. */

/* ---- Typo-Tokens (System-Stacks, keine harte Webfont-Abhängigkeit) ---- */
:root {
  --font-ui:   ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-read: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, ui-serif, serif;
  --font-mono: ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace;
}

html, body { font-family: var(--font-ui); }

/* Lese-Layout (Concept-Detail, Legal): editoriales Serif, großzügige Maße */
.u-reading { font-family: var(--font-read); }
.u-reading p { line-height: 1.72; }

/* Wortmarke */
.wordmark { font-family: var(--font-ui); font-weight: 700; letter-spacing: -0.02em; }
.wordmark .wm-dot { color: var(--color-accent); }

/* Subtile Bild-Platzhalter (gestreift) — ersetzbar durch echte Assets */
.img-placeholder {
  background-color: var(--color-base-200);
  background-image: repeating-linear-gradient(
    -45deg,
    color-mix(in oklch, var(--color-base-content) 6%, transparent) 0 1px,
    transparent 1px 11px
  );
  color: color-mix(in oklch, var(--color-base-content) 55%, transparent);
  font-family: var(--font-mono);
  font-size: 0.72rem;
  display: flex; align-items: center; justify-content: center;
  text-align: center;
}

/* Reduzierte Bewegung respektieren */
@media (prefers-reduced-motion: reduce) {
  * { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; }
}

/* ---- Legal-Seiten (Impressum/Datenschutz) ---------------------------------
   Die V1-Legal-Templates (pages/imprint_v1.html, privacy_policy_v1.html) nutzen
   eigene Klassen. In der scisimple-Chrome geben wir ihnen ein ruhiges, theme-
   bewusstes Lese-Layout (statt der Terminal-Optik des V1-Themes). */
.legal-page { color: var(--color-base-content); }
.legal-prose { font-family: var(--font-read); line-height: 1.72; }
.legal-prose h1, .display-title { font-family: var(--font-ui); font-weight: 700; letter-spacing: -0.02em; }
.legal-prose h2 { font-family: var(--font-ui); font-weight: 700; font-size: 1.4rem; margin: 2rem 0 0.6rem; }
.legal-prose h3 { font-family: var(--font-ui); font-weight: 600; font-size: 1.15rem; margin: 1.4rem 0 0.4rem; }
.legal-prose p { margin: 0.7rem 0; }
.legal-prose ul { list-style: disc; padding-left: 1.4rem; margin: 0.7rem 0; }
.legal-prose a { color: var(--color-primary); text-decoration: underline; text-underline-offset: 2px; }
/* Terminal-Kicker der V1-Legal-Templates ("cat impressum.md") in der
   scisimple-Chrome ausblenden — passt nicht zum ruhigen scisimple-Look. */
.kicker-prompt { display: none; }
.legal-card {
  border: 1px solid var(--color-base-300);
  background: color-mix(in oklch, var(--color-base-200) 60%, transparent);
  border-radius: var(--radius-box, 0.9rem);
  padding: 1rem 1.25rem; margin: 1rem 0;
}
.legal-card__label {
  font-family: var(--font-mono); font-size: 0.72rem; text-transform: lowercase;
  color: color-mix(in oklch, var(--color-base-content) 50%, transparent);
  margin-bottom: 0.4rem;
}
.legal-toc { display: none; } /* eigene ToC der V1-Vorlage in scisimple ausblenden */