@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap");

:root {
  /* Farben light mode */
  --color-primary: #0f4c5c; /* Petrol */
  --color-secondary: #1f7a8c; /* Heller Petrol-Ton */
  --color-bg: #0b1a1f; /* Dunkler Hintergrund */
  --color-bg-light: #e6f1f3; /* Heller Hintergrund (Petrol-Tint) */
  --color-panel-soft: #f7fbfc; /* Sehr helles Panel-Weißblau */
  --color-text: #ffffff; /* Standard Textfarbe */
  --color-footer: #6b7280; /* Footer Textfarbe */
  --color-online: #16a34a; /* Online Grün */
  --color-offline: #dc2626; /* Offline Rot */
  --color-warning: #dc2626; /* Warnung Rot */

  /* Farben dark mode */
  --color-primary-dark: #0f4c5c; /* Petrol */
  --color-secondary-dark: #1f7a8c; /* Heller Petrol-Ton */
  --color-bg-dark: #121212; /* Dunkler Hintergrund */
  --color-bg-light-dark: #1f1f1f; /* Heller Hintergrund (Dunkelmodus) */
  --color-panel-soft-dark: #1e1e1e; /* Weiches Panel-Dunkel */
  --color-text-dark: #e0e0e0; /* Standard Textfarbe Dunkel */
  --color-footer-dark: #9ca3af; /* Footer Textfarbe Dunkel */
  --color-online-dark: #16a34a; /* Online Grün Dunkel */
  --color-offline-dark: #dc2626; /* Offline Rot Dunkel */
  --color-warning-dark: #dc2626; /* Warnung Rot Dunkel */

  /* Schrift */
  --font-main: "Inter", sans-serif;

  /* Rollen-farbe */
  --color-role-admin: #dc2626; /* Rot - Administrator */
  --color-role-it: #2563eb; /* Blau - IT */
  --color-role-lagerleiter: #f7732b; /* Orange - Lagerleiter */
  --color-role-lagermitarbeiter: #16a34a; /* Grün - Lagermitarbeiter */
  --color-role-disponent: #f59e0b; /* Gelb - Disponent */
  --color-role-fahrer: #8b5cf6; /* Lila - Fahrer */
}