/* marken-kit.css
   Das austauschbare Marken-Kit eines Mandanten.
   Beim naechsten Kunden wird NUR diese Datei getauscht. */
:root {
  /* --- Farbe: ein Primaerton, ein Akzent, begrenzte Statuspalette --- */
  --mk-farbe-primaer:          #12303b;  /* tiefes Petrol, technisch, ruhig */
  --mk-farbe-primaer-hell:     #1d4a5a;
  --mk-farbe-auf-primaer:      #ffffff;
  --mk-farbe-akzent:           #a85a28;  /* Kupfer, das Material des Fachs */
  --mk-farbe-auf-akzent:       #ffffff;

  --mk-farbe-flaeche:          #ffffff;
  --mk-farbe-flaeche-gedaempft:#f4f2ef;  /* warmes Off-White, kein kaltes Grau */
  --mk-farbe-flaeche-tief:     #12303b;
  --mk-farbe-text:             #1a1d1f;
  --mk-farbe-text-gedaempft:   #5c6468;
  --mk-farbe-linie:            #e2ded9;

  --mk-farbe-erfolg:           #2e6b4f;
  --mk-farbe-warnung:          #8a6a1f;
  --mk-farbe-fehler:           #9b2c2c;

  /* --- Typografie: System-Stack, keine externe Schrift (DSGVO) --- */
  --mk-schrift-titel: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mk-schrift-text:  ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --mk-groesse-xs:   0.8125rem;
  --mk-groesse-s:    0.9375rem;
  --mk-groesse-m:    1.0625rem;
  --mk-groesse-l:    1.375rem;
  --mk-groesse-xl:   1.875rem;
  --mk-groesse-2xl:  2.5rem;
  --mk-groesse-3xl:  3.25rem;

  --mk-gewicht-normal: 400;
  --mk-gewicht-mittel: 550;
  --mk-gewicht-fett:   700;

  --mk-zeilenhoehe-eng:  1.2;
  --mk-zeilenhoehe-text: 1.6;

  /* --- Abstand: 4px-Basis --- */
  --mk-abstand-1: 0.25rem;
  --mk-abstand-2: 0.5rem;
  --mk-abstand-3: 0.75rem;
  --mk-abstand-4: 1rem;
  --mk-abstand-5: 1.5rem;
  --mk-abstand-6: 2rem;
  --mk-abstand-7: 3rem;
  --mk-abstand-8: 4.5rem;

  /* --- Form --- */
  --mk-radius-s: 4px;
  --mk-radius-m: 10px;
  --mk-radius-l: 18px;

  --mk-linie-staerke: 1px;
  --mk-fokus-staerke: 3px;

  --mk-schatten-s: 0 1px 2px rgba(18, 48, 59, 0.06);
  --mk-schatten-m: 0 6px 20px rgba(18, 48, 59, 0.10);

  /* --- Layout --- */
  --mk-breite-inhalt: 68rem;
  --mk-breite-text:   38rem;

  /* --- Dichte: oeffentliche Flaeche atmet, Cockpit wird spaeter dichter --- */
  --mk-dichte: 1;

  /* --- Bewegung --- */
  --mk-dauer-kurz: 140ms;
  --mk-dauer-mittel: 320ms;
  --mk-kurve: cubic-bezier(0.2, 0.7, 0.3, 1);
}

@media (prefers-reduced-motion: reduce) {
  :root { --mk-dauer-kurz: 0ms; --mk-dauer-mittel: 0ms; }
}