/* ============================================================================
   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:        #f4f5f7;
  --color-surface:   #ffffff;
  --color-border:    #e2e5eb;
  --color-text:      #14161f;
  --color-text-soft: #62697b;

  --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;

  --color-accent: #2563eb;
  --color-accent-soft: #eff6ff;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --dot-radius: 50%;
  --heading-tracking: -0.015em;

  --shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.06), 0 1px 1px rgba(16,24,40,.04);
  --shadow-md: 0 4px 14px rgba(16, 24, 40, 0.10), 0 2px 4px rgba(16,24,40,.06);
  --shadow-lg: 0 12px 32px rgba(16, 24, 40, 0.14), 0 4px 10px rgba(16,24,40,.06);

  --sidebar-w: 228px;
  --sidebar-bg: #ffffff;
  --grid-header-bg: #1c2333;
  --grid-header-text: #ffffff;
  --sidebar-text: #444b5c;
  --sidebar-brand-text: #0d1119;
  --sidebar-muted: #98a1b3;
  --sidebar-hover: #f4f5f8;
  --sidebar-border: #e5e7eb;
  --sidebar-active-bg: #1c2333;
  --sidebar-active-text: #ffffff;

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

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