/* ============================================================
   OM Tactic — gemeinsame Grundlage fuer Checkout und Nebenseiten
   Stufe 0: Schriften und Schrift-Tokens. Sonst nichts.

   Die Schriften werden selbst ausgeliefert (src/public/assets/fonts/).
   Kein Abruf bei Google — das wuerde die IP des Besuchers in die
   USA uebertragen, ausgerechnet auf der Zahlungsseite.

   Referenz: docs/design/checkout-schritt1-mockup-v22.html
   ============================================================ */

@font-face {
  font-family: 'Inter';
  src: url('/assets/fonts/Inter_18pt-Regular.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('/assets/fonts/Inter_18pt-Medium.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('/assets/fonts/Inter_18pt-SemiBold.woff2') format('woff2');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('/assets/fonts/Inter_18pt-Bold.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('/assets/fonts/Inter_18pt-ExtraBold.woff2') format('woff2');
  font-weight: 800; font-style: normal; font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url('/assets/fonts/Manrope-ExtraBold.woff2') format('woff2');
  font-weight: 800; font-style: normal; font-display: swap;
}

@font-face {
  font-family: 'IBM Plex Mono';
  src: url('/assets/fonts/IBMPlexMono-Medium.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Mono';
  src: url('/assets/fonts/IBMPlexMono-SemiBold.woff2') format('woff2');
  font-weight: 600; font-style: normal; font-display: swap;
}

:root {
  --font-body:    'Inter', -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Manrope', 'Inter', -apple-system, sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;
}

/* ============================================================
   Hinweisbanner
   Vorher als .style.cssText in signup.js gesetzt. Inline-Styles
   ueberstimmen jedes Stylesheet — die Meldungen waeren sonst bei
   jeder spaeteren Aenderung auf ihren alten Farben stehengeblieben.
   ============================================================ */
.notice {
  max-width: 800px;
  margin: 16px auto;
  padding: 14px 18px;
  border-radius: 10px;
  border: 1px solid;
  text-align: center;
  font-weight: 600;
}
.notice--error {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.40);
  color: var(--error, #ef4444);
}
.notice--success {
  background: rgba(16, 185, 129, 0.12);
  border-color: rgba(16, 185, 129, 0.40);
  color: var(--success, #10b981);
}

/* ============================================================
   Marken-Tokens — Quelle: landingpage.html v117 (Tailwind-Config)
   Gemeinsame Grundlage fuer signup, setup, signup-return und die
   Rechtsseiten. Bisher trug jede Seite ihre eigenen Werte, und sie
   waren bereits auseinandergelaufen: signup auf #2563EB, die uebrigen
   auf #6366f1 — sichtbar im Kundenweg direkt nach der Zahlung.

   Seiten mit eigenem Inline-Block koennen einzelne Werte weiterhin
   ueberschreiben; diese Datei ist die Vorgabe, nicht das Machtwort.
   ============================================================ */
:root {
  --omt-primary:        #2563EB;
  --omt-primary-bright: #7C3AED;
  --omt-primary-hover:  #1D4ED8;

  --omt-ink:            #0B1020;
  --omt-text-muted:     #475569;
  --omt-text-dim:       #64748B;

  --omt-surface:        #FFFFFF;
  --omt-surface-soft:   #F6F8FC;
  --omt-line:           #E6EAF2;
  --omt-line-strong:    #D7DFEA;

  --omt-success:        #059669;
  --omt-warning:        #D97706;
  --omt-error:          #DC2626;

  /* dunkles Band: Kopf- und Fussbereich */
  --omt-dark-1:         #0D0F1C;
  --omt-dark-2:         #14162A;
  --omt-dark-deep:      #0F1530;
  --omt-on-dark:        #F8FAFC;
  --omt-on-dark-accent: #93C5FD;
}

/* Erste Zeile unter der Ueberschrift — stand vorher als Inline-Style
   im Markup und haette jede Stylesheet-Regel ueberstimmt. */
.subtitle--lead { margin-bottom: 6px; color: var(--omt-ink); font-weight: 500; }