/* tokens.css — die gemeinsame Handschrift aller Seiten dieser Domain.
 *
 * Startseite und Unterseiten teilen dieselben Farben und Schriften. Der
 * Unterschied liegt allein in der Lautstärke: Die Startseite ist bewusst karg
 * (site.css), die Leistungsfeld-Seiten dürfen auftreten (subpage.css).
 *
 * Werte 1:1 aus dem früheren <style>-Block der Startseite übernommen.
 * Farben nur hier ändern — nie Hex-Werte in die Komponenten streuen.
 */
:root {
  /* Sagt dem Browser, dass beide Schemata bedient werden: Scrollbalken und
     Formularelemente ziehen im Dark Mode mit, statt hell stehenzubleiben. */
  color-scheme: light dark;

  --bg: #f7f5f0;
  --surface: #fffdfa;
  --text: #23262a;
  --muted: #63676d;
  --accent: #365546;
  --accent-deep: #2a4438;
  --line: #dcd7cb;
  --line-soft: #e7e3d9;

  --font-serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* Lesebreiten: Startseite und Rechtstexte schmal, Leistungsfelder breiter. */
  --measure: 41rem;
  --measure-wide: 54rem;

  /* Abstandsskala — der Vertikalrhythmus der ganzen Domain. Komponenten greifen
     auf diese Stufen zu, statt eigene rem-Werte zu erfinden; sonst franst die
     Rhythmik bei jeder Änderung weiter aus. Werte entsprechen dem bisherigen
     Bestand, sind also nur benannt, nicht neu erfunden. */
  --space-xs:  0.35rem;
  --space-s:   0.85rem;
  --space-m:   1.4rem;
  --space-l:   2.4rem;
  --space-xl:  3.4rem;
  --space-2xl: 4.5rem;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #1a1c1e;
    --surface: #212527;
    --text: #e9e6df;
    --muted: #a2a6ab;
    --accent: #97bca8;
    --accent-deep: #b6d3c2;
    --line: #383b3f;
    --line-soft: #2c2f32;
  }
}