:root {
  --bs-body-bg: #f9fbfd;
  --bs-body-color: #2f3b45;
  --bs-primary: #3c8dbc;
  --bs-primary-rgb: 60, 141, 188;
  --bs-link-color: #3c8dbc;
  --bs-link-hover-color: #2c6d92;
  --bs-border-color: #dee6ee;
  --app-sidebar-bg: #f8fbff;
  --app-sidebar-border: #dbe8f4;
  --app-sidebar-text: #5d788c;
  --app-sidebar-active: #eaf3fb;
  --app-sidebar-brand: #28485d;
  --app-panel-bg: #ffffff;
  --app-panel-border: #dfe5eb;
  --app-muted: #7b8794;
  --app-admin-sidebar-bg: #f7fbff;
  --app-admin-sidebar-border: #d7e7f5;
  --app-admin-sidebar-text: #58758a;
  --app-admin-sidebar-active: #e7f1fa;
  --app-admin-sidebar-brand: #274a61;
  --app-sidebar-width: 16.85rem;
  --app-layout-max-width: 1280px;
}

html,
body {
  min-height: 100%;
}

body {
  background: #f9fbfd;
  color: var(--bs-body-color);
  font-size: 0.95rem;
}

body > .container,
body > .container-fluid,
.site-topbar > .container {
  max-width: var(--app-layout-max-width);
}

body > .container-fluid.py-3.py-lg-4 {
  padding-top: 0.75rem !important;
}

@media (min-width: 992px) {
  body > .container-fluid.py-3.py-lg-4 {
    padding-top: 0.75rem !important;
  }
}

.page-shell {
  min-height: 100vh;
}