/* ============================================================
   MNCH — Design Tokens
   Einzige Quelle für Farbe, Schrift, Abstand. Nichts hier
   hartkodiert in Komponenten wiederholen.
   ============================================================ */

:root {
  /* ---------- Marke ---------- */
  --mnch-ink:        #1E2A38;   /* Tiefblau-Anthrazit: Zeichen, Wortmarke, Überschriften */
  --mnch-slate:      #46586B;   /* Sekundärton: Trennlinien, Bildunterschriften, Hilfstext */
  --mnch-white:      #FFFFFF;   /* Grundfläche Web, Formulare, Anwendungen */
  --mnch-paper:      #F7F6F3;   /* Papierweiß: nur Druck, Fotos, Verpackung — nicht als Web-Grund */

  /* ---------- Abgeleitete Neutraltöne (aus dem Tiefblau aufgehellt) ---------- */
  --mnch-ink-90:     #2C3947;
  --mnch-ink-70:     #55616D;
  --mnch-ink-50:     #8E969F;   /* deaktivierter Text, Platzhalter */
  --mnch-line:       #DFE3E8;   /* Trennlinien, Rahmen */
  --mnch-line-soft:  #EDEFF2;   /* Tabellenzebra, Innenlinien */
  --mnch-surface:    #F6F8FA;   /* leicht abgesetzte Fläche */

  /* ---------- Funktionsfarben (entsättigt, damit die Marke einfarbig bleibt) ---------- */
  --mnch-error:      #9E3B34;
  --mnch-error-bg:   #FBF1F0;
  --mnch-success:    #2F6B52;
  --mnch-success-bg: #EFF5F2;
  --mnch-warning:    #8A6A1F;
  --mnch-warning-bg: #FAF5E9;

  /* ---------- Schrift ---------- */
  --mnch-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --mnch-weight-title: 300;
  --mnch-weight-body:  400;
  --mnch-weight-ui:    500;

  /* Typoskala, Terz 1,25 — Basis 16 px */
  --mnch-size-xs:   0.75rem;   /* 12 px — Fußnoten, immer Gewicht 400 */
  --mnch-size-sm:   0.875rem;  /* 14 px — Hilfstext, Labels */
  --mnch-size-base: 1rem;      /* 16 px — Fließtext */
  --mnch-size-lg:   1.25rem;   /* 20 px */
  --mnch-size-xl:   1.5625rem; /* 25 px */
  --mnch-size-2xl:  1.9531rem; /* 31 px */
  --mnch-size-3xl:  2.4414rem; /* 39 px */
  --mnch-size-4xl:  3.0518rem; /* 49 px */

  --mnch-leading-tight: 1.15;
  --mnch-leading-title: 1.2;
  --mnch-leading-body:  1.6;

  /* Sperrung */
  --mnch-track-logo:   0.44em;   /* Wortmarke — nicht verringern */
  --mnch-track-title: -0.011em;  /* große Überschriften optisch schließen */
  --mnch-track-body:   0;
  --mnch-track-small:  0.01em;

  /* ---------- Raster & Abstand (8-px-Raster) ---------- */
  --mnch-space-1: 0.25rem;
  --mnch-space-2: 0.5rem;
  --mnch-space-3: 0.75rem;
  --mnch-space-4: 1rem;
  --mnch-space-6: 1.5rem;
  --mnch-space-8: 2rem;
  --mnch-space-12: 3rem;
  --mnch-space-16: 4rem;
  --mnch-space-24: 6rem;

  --mnch-measure: 68ch;      /* maximale Zeilenlänge Fließtext */
  --mnch-radius: 2px;        /* fast rechtwinklig — passt zum Zeichen */
  --mnch-border: 1px;
  --mnch-focus: 2px;

  /* ---------- Logo-Geometrie (fix, nicht überschreiben) ---------- */
  --mnch-logo-ratio-symbol: 0.9806;  /* Breite / Höhe des Zeichens */
  --mnch-logo-ratio-h: 3.6803;       /* horizontales Lockup, Breite / Höhe */
  --mnch-logo-ratio-v: 0.9888;       /* vertikales Lockup, Breite / Höhe */
  --mnch-logo-clear: 0.25;           /* Schutzraum = 0,25 × Zeichenhöhe */
}