:root {
  --lfp-coral: #ff6f61;
  --lfp-coral-hover: #e85c50;
  --lfp-ink: #0b1426;
  --lfp-warm-white: #fff9f5;
  --lfp-soft-coral: #fff0ec;
  --bg-sidebar-color: var(--lfp-ink);
  --bg-sidebar-nav-color: #15223a;
  --text-link-color: #c9473c;
  --text-link-hover-color: #9f3028;
}

[theme="dark"] {
  --bg-sidebar-color: var(--lfp-ink);
  --bg-sidebar-nav-color: #15223a;
  --text-link-color: #ffb0a8;
  --text-link-hover-color: #ffd0ca;
}

/* Portainer 2.39 renders the Business upgrade button before its footer. */
nav[aria-label="Main"] > div.mt-auto.pt-8 > div > button {
  display: none !important;
}

[data-lfpconnect-hidden] {
  display: none !important;
}

.app-react-sidebar-Sidebar-module__root {
  background-color: var(--lfp-ink) !important;
}

.simple-box-logo[src*="lfp-portainer.svg"],
.app-react-sidebar-Header-module__logo[src*="lfp-portainer.svg"],
[data-lfpconnect-logo="sidebar"] {
  display: block !important;
  width: 155px !important;
  height: 55px !important;
  max-width: 100%;
  object-fit: contain;
  object-position: left center;
}

.btn.btn-primary:not(:disabled) {
  background-color: var(--lfp-coral) !important;
  border-color: var(--lfp-coral) !important;
  color: var(--lfp-ink) !important;
}

.btn.btn-primary:not(:disabled):hover,
.btn.btn-primary:not(:disabled):focus {
  background-color: var(--lfp-coral-hover) !important;
  border-color: var(--lfp-coral-hover) !important;
}

.icon-primary,
.simple-box a {
  color: var(--lfp-coral) !important;
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--lfp-coral) !important;
}