/* ============================================================================
   Theme: MODERN — professionelles, kompaktes SaaS-Design
   (Farbpalette an echte Business-Software angelehnt: dunkles Marineblau/Schwarz
   statt verspieltem Indigo, kleine Radien, wenig Schatten, hohe Informationsdichte)
   ============================================================================ */
:root {
  --color-bg:        #f5f6f8;
  --color-surface:   #ffffff;
  --color-border:    #e2e5eb;
  --color-text:      #1a1d29;
  --color-text-soft: #667085;

  --color-primary:      #1c2333;
  --color-primary-dark: #0d1119;
  --color-primary-soft: #eef1f6;

  --color-success: #15803d;
  --color-success-soft: #ecfdf3;
  --color-warning: #b45309;
  --color-warning-soft: #fffbeb;
  --color-danger:  #b91c1c;
  --color-danger-soft: #fef2f2;

  --radius-sm: 5px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --dot-radius: 50%;
  --heading-tracking: -0.01em;

  --shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.05);
  --shadow-md: 0 4px 12px rgba(16, 24, 40, 0.08);

  --sidebar-w: 224px;
  --sidebar-bg: #ffffff;
  --grid-header-bg: #1c2333;
  --grid-header-text: #ffffff;
  --sidebar-text: #444b5c;
  --sidebar-brand-text: #111827;
  --sidebar-muted: #9ca3af;
  --sidebar-hover: #f3f4f6;
  --sidebar-border: #e5e7eb;
  --sidebar-active-bg: #eef1f6;
  --sidebar-active-text: #1c2333;

  --brand-dot: #2563eb;
  --auth-bg: linear-gradient(160deg, #1c2333 0%, #0d1119 100%);

  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}