/* ==========================================================================
   theme.css – Platzhalter für "Löwe Basis"
   Diese Datei durch das gemeinsame Löwe-Basis-CSS (Fachhandelsportal / MP-Verwaltung)
   ersetzen bzw. die Variablen unten an dessen Farben anpassen.
   © Löwe Medizintechnik · Ersteller: Harald Löwe
   ========================================================================== */
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/open-sans-latin-400-normal.woff2) format('woff2'); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url(fonts/open-sans-latin-600-normal.woff2) format('woff2'); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url(fonts/open-sans-latin-700-normal.woff2) format('woff2'); }

:root {
  /* Farben aus dem Löwe-Design-System (Fachhandelsportal / MP-Verwaltung) */
  --font: 'Open Sans', "Segoe UI", Arial, sans-serif;
  --brand: #1B2A4A;          /* Marken-Navy: Kopfzeile, Primärbuttons */
  --brand-2: #3E6B99;        /* Sekundärblau: Links, aktive Zustände */
  --brand-ink: #ffffff;
  --accent: #D5E0EB;         /* Theme-Farbe loewe-med.de: aktive Navigation, Flächen */
  --bg: #F6F8FB;
  --surface: #ffffff;
  --line: #DCE3EC;
  --ink: #1F2733;
  --muted: #616B7A;
  --sel: #E7EFF6;
  --ok: #2E9E6B;
  --err: #D14343;
  --warn: #E08A2C;
  --radius: 10px;
  --shadow: 0 1px 2px rgba(27,42,74,.08);
}