/**
 * ISA-SystemCore – Pastellblau / Silber Design-Tokens
 * Shell: dunkles Pastellblau; Hauptfläche etwas heller, gleiche Familie.
 */

:root {
  /* Basis: dunkles Pastellblau + Silber */
  --isc-bg-body: #c5d4e8;
  --isc-bg-shell: #dce6f3;
  --isc-bg-content: #e8f0fa;
  --isc-bg-sidebar: #3d5a7a;
  --isc-bg-sidebar-elevated: #4a6b8f;
  --isc-bg-topnav: #4f6d92;
  --isc-border-silver: rgba(255, 255, 255, 0.22);
  --isc-border-muted: rgba(30, 50, 75, 0.18);
  --isc-accent: #8eb4d9;
  --isc-accent-strong: #a8c8e6;
  --isc-text: #1a2533;
  --isc-text-on-dark: rgba(255, 255, 255, 0.94);
  --isc-text-muted: rgba(255, 255, 255, 0.62);
  --isc-metallic-shine: linear-gradient(
    155deg,
    rgba(255, 255, 255, 0.35) 0%,
    rgba(255, 255, 255, 0.06) 42%,
    rgba(255, 255, 255, 0.02) 52%,
    rgba(0, 0, 0, 0.08) 100%
  );
  --isc-shadow-soft: 0 10px 36px rgba(25, 45, 70, 0.18);
  /* Sidebar-Paneel (sidebar-isc.css) */
  --isc-sidenav-expanded: 272px;
  --isc-sidenav-collapsed: 78px;
  --isc-sidenav-radius: 22px;
  --isc-border-light: rgba(255, 255, 255, 0.35);
  --isc-border-dark: rgba(0, 0, 0, 0.15);
  --isc-search-bg: rgba(255, 255, 255, 0.12);
  --isc-sidenav-bg: var(--isc-bg-sidebar);
  --isc-sidenav-fg: var(--isc-text-on-dark);
  --isc-sidenav-muted: rgba(255, 255, 255, 0.58);
  --isc-sidenav-hover-bg: rgba(255, 255, 255, 0.1);
  --isc-sidenav-active-bg: var(--isc-accent-strong);
  --isc-sidenav-active-fg: #1a2533;
  --isc-nested-bg: rgba(0, 0, 0, 0.12);
  --isc-panel-shadow: 0 12px 40px rgba(20, 35, 55, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.15);
  --isc-footer-border: rgba(255, 255, 255, 0.12);
  /* Modals / Tabellen */
  --isc-modal-bg: #f3f7fc;
  --isc-modal-header-bg: #4a6788;
  --isc-modal-border: rgba(30, 50, 75, 0.14);
  --isc-table-header-bg: #d2e0f0;
  --isc-table-header-fg: #1a2533;
  --isc-table-stripe: rgba(74, 103, 136, 0.09);
  --isc-table-hover: rgba(142, 180, 217, 0.18);
  --isc-table-border: rgba(30, 50, 75, 0.14);
  --isc-datatable-page-bg: #eef3f9;
  /* Buttons / abgerundete Kontrollen */
  --isc-btn-radius: 0.55rem;
}

/* „Dunkelmodus“-Switch: etwas kühlere, tiefere Blautöne (optional) */
html.isc-theme-dark {
  --isc-bg-body: #2a3d52;
  --isc-bg-shell: #344a62;
  --isc-bg-content: #3d5568;
  --isc-bg-sidebar: #2d3f54;
  --isc-bg-sidebar-elevated: #354a5f;
  --isc-bg-topnav: #2f4256;
  --isc-border-silver: rgba(255, 255, 255, 0.12);
  --isc-border-muted: rgba(0, 0, 0, 0.25);
  --isc-accent: #7aa3c4;
  --isc-accent-strong: #9bb8d4;
  --isc-text-on-dark: rgba(255, 255, 255, 0.92);
  --isc-text-muted: rgba(255, 255, 255, 0.55);
  --isc-metallic-shine: linear-gradient(
    155deg,
    rgba(255, 255, 255, 0.12) 0%,
    rgba(255, 255, 255, 0.03) 45%,
    rgba(0, 0, 0, 0.2) 100%
  );
  --isc-shadow-soft: 0 12px 40px rgba(0, 0, 0, 0.35);
  --isc-search-bg: rgba(255, 255, 255, 0.06);
  --isc-sidenav-bg: var(--isc-bg-sidebar);
  --isc-sidenav-hover-bg: rgba(255, 255, 255, 0.07);
  --isc-sidenav-active-bg: #5a7a9a;
  --isc-sidenav-active-fg: #fff;
  --isc-nested-bg: rgba(0, 0, 0, 0.22);
  --isc-panel-shadow: 0 16px 48px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  --isc-modal-bg: #3a4f63;
  --isc-modal-header-bg: #2f4256;
  --isc-modal-border: rgba(255, 255, 255, 0.1);
  --isc-table-header-bg: #2f4154;
  --isc-table-header-fg: rgba(255, 255, 255, 0.95);
  --isc-table-stripe: rgba(255, 255, 255, 0.05);
  --isc-table-hover: rgba(255, 255, 255, 0.08);
  --isc-table-border: rgba(255, 255, 255, 0.1);
  --isc-datatable-page-bg: #354556;
}

html {
  background-color: var(--isc-bg-body);
}

body {
  background-color: var(--isc-bg-body);
  color: var(--isc-text);
}