/*
 * Angleichung der aelteren Loesungs-Landings an das Landing-Kit
 * (product-landing.css): gleiche Schriften (TM Serif fuer Ueberschriften,
 * TM Sans fuer Text, selbst gehostet), gleicher Akzent (#ED6A3D, als Text
 * #A8411B) und die neutralen Kit-Flaechen statt Creme/Sand/Papier.
 *
 * Die Seiten behalten ihr eigenes Layout-CSS; dieses Blatt wird DANACH
 * geladen und setzt nur die Rollen-Variablen der jeweiligen Seitenfamilie
 * neu. Familie per Klasse auf <html>:
 *   tm-alt-navy        anwalt, shk, verwaltung, jtl, steuerberater, cms-chat, jtl-chat,
 *                      ueberblick (css/tm-site.css)
 *   tm-alt-makler      makler
 *   tm-alt-schuhkarton schuhkarton
 *   tm-alt-werkstatt   werkstatt (dunkel, Kit-Dunkelwerte)
 * Kopf/Fuss: site-chrome.css (data-tm-chrome="light"|"dark" auf <html>).
 * Regeln: docs/marketing/website-konzept.md ("Navigation", "Design").
 */
@font-face { font-family: "TM Serif"; src: url("fonts/source-serif-4-latin-var.woff2") format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; }
@font-face { font-family: "TM Sans"; src: url("fonts/source-sans-pro-latin-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "TM Sans"; src: url("fonts/source-sans-pro-latin-600.woff2") format("woff2"); font-weight: 500 600; font-display: swap; }
@font-face { font-family: "TM Sans"; src: url("fonts/source-sans-pro-latin-700.woff2") format("woff2"); font-weight: 700 900; font-display: swap; }

html.tm-alt {
  --pl-serif: "TM Serif", "Iowan Old Style", Georgia, serif;
  --pl-sans: "TM Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --alt-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --alt-hand: var(--pl-serif);
}
html.tm-alt body { font-family: var(--pl-sans); -webkit-font-smoothing: antialiased; }

/* Ueberschriften wie im Kit: Serif, 600, kaum Laufweite */
html.tm-alt :is(h1, h2, h3) { font-family: var(--pl-serif); font-weight: 600; letter-spacing: -.01em; }
html.tm-alt h1 { letter-spacing: -.02em; line-height: 1.06; }
html.tm-alt em { font-family: var(--pl-serif); }
html.tm-alt :is(h1, h2, h3) em { font-family: inherit; font-weight: 600; font-style: italic; }

/* Familie navy/creme (Branchen-Landings) */
html.tm-alt-navy {
  --navy: #19272C;
  --ink: #19272C;
  --cream: #F2F4F5;
  --orange: #ED6A3D;
  --orange-text: #A8411B;
  --border: #D1D9DC;
  /* zusaetzlich css/tm-site.css (ueberblick) */
  --orange-ink: #A8411B;
  --orange-soft: #F59A78;
  --muted: #4A5659;
  --line: #D1D9DC;
}

/* Maklerbutler: Sand/Wald -> Kit-Flaechen, Terra -> Kit-Orange */
html.tm-alt-makler {
  --sand: #F2F4F5;
  --sand-warm: #FFFFFF;
  --sand-deep: #E9EDEE;
  --paper: #FFFFFF;
  --wald: #19272C;
  --wald-dark: #0F181B;
  --wald-soft: #2A363D;
  --ink: #19272C;
  --terra: #A8411B;
  --terra-warm: #ED6A3D;
  --terra-light: #F59A78;
}

/* Schuhkarton: Papier/Wald -> Kit-Flaechen, Terra -> Kit-Orange */
html.tm-alt-schuhkarton {
  --warm: #F2F4F5;
  --warm-2: #FFFFFF;
  --paper: #E9EDEE;
  --forest: #19272C;
  --forest-2: #2A363D;
  --ink: #19272C;
  --terra: #A8411B;
  --hand: #A8411B;
  --border: #D1D9DC;
  --marker: #FBE3D9;
}

/* Werkstatt-Monkey: dunkel, mit den Dunkelwerten des Kits */
html.tm-alt-werkstatt {
  --anthrazit: #0A0E10;
  --anthrazit-2: #101518;
  --anthrazit-3: #151C21;
  --orange: #ED6A3D;
  --orange-hot: #F59A78;
  --off-white: #ECEDEE;
  --grey: #A2AAAF;
  --grey-2: #4A5659;
}
html.tm-alt-werkstatt :is(h1, h2, h3) { text-transform: none; }