/* ==========================================================================
   TUMAKI Web Fonts – selbst gehostet, DSGVO-konform (keine Google Fonts)
   Einbinden VOR tumaki.css.
   ========================================================================== */
@font-face { font-family:"Inter"; src:url("/assets/fonts/inter.woff2") format("woff2"); font-weight:100 900; font-style:normal; font-display:swap; }
@font-face { font-family:"Geist"; src:url("/assets/fonts/geist.woff2") format("woff2"); font-weight:100 900; font-style:normal; font-display:swap; }
@font-face { font-family:"Geist Mono"; src:url("/assets/fonts/geist-mono.woff2") format("woff2"); font-weight:100 900; font-style:normal; font-display:swap; }
@font-face { font-family:"Instrument Serif"; src:url("/assets/fonts/instrument-serif.woff2") format("woff2"); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:"Instrument Serif"; src:url("/assets/fonts/instrument-serif-italic.woff2") format("woff2"); font-weight:400; font-style:italic; font-display:swap; }

:root {
  --font-heading: "Geist", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-serif: "Instrument Serif", Georgia, "Times New Roman", serif;
}

/* Headings, Logo, Kennzahlen auf Geist umstellen */
.tm-h1, .tm-h1-hero, .tm-h2, .tm-h3, .tm-h4,
.tm-logo, .tm-footer-logo, .tm-stat-num,
.tm-pricing-price, .tm-pricing-name, .tm-compare-title,
.tm-card-title, .tm-step-num { font-family: var(--font-heading); }

/* ==========================================================================
   Logo-Lockup (Keystone + Wortmarke) als Bild – ersetzt Text-Logo
   ========================================================================== */
.tm-logo { display:inline-flex; align-items:center; line-height:0; }
.tm-logo img { display:block; height:30px; width:auto; }
.tm-footer-logo { display:inline-block; line-height:0; margin-bottom:1rem; }
.tm-footer-logo img { display:block; height:28px; width:auto; }