/* Primary color */
:root {
  --bs-primary: #1E3A5F;
  --bs-secondary: #6C7A89;
  --bs-success: #A4E786;
  --bs-warning: #FFC857;
  --bs-danger: #E63946;
  --bs-info: #00B7C2;
  --bs-light: #F1F3F4;
  --bs-dark: #2E2E2E;
  --hover-primary: #172E4C; /* Mørkere nyanse for hover og active */
  --hover-secondary: #5A6C79;
  --hover-success: #91D574;
  --hover-warning: #E6B748;
  --hover-danger: #CC2C39;
  --hover-info: #0097A8;
}

/* Custom button styles */
.btn-primary {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: var(--hover-primary) !important;
  border-color: var(--hover-primary) !important;
}

.btn-secondary {
  background-color: var(--bs-secondary) !important;
  border-color: var(--bs-secondary) !important;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
  background-color: var(--hover-secondary) !important;
  border-color: var(--hover-secondary) !important;
}

.btn-success {
  background-color: var(--bs-success) !important;
  border-color: var(--bs-success) !important;
}
.btn-success:hover, .btn-success:focus, .btn-success:active {
  background-color: var(--hover-success) !important;
  border-color: var(--hover-success) !important;
}

.btn-warning {
  background-color: var(--bs-warning) !important;
  border-color: var(--bs-warning) !important;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active {
  background-color: var(--hover-warning) !important;
  border-color: var(--hover-warning) !important;
}

.btn-danger {
  background-color: var(--bs-danger) !important;
  border-color: var(--bs-danger) !important;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
  background-color: var(--hover-danger) !important;
  border-color: var(--hover-danger) !important;
}

.btn-info {
  background-color: var(--bs-info) !important;
  border-color: var(--bs-info) !important;
}
.btn-info:hover, .btn-info:focus, .btn-info:active {
  background-color: var(--hover-info) !important;
  border-color: var(--hover-info) !important;
}

/* Text colors */
.text-primary { color: var(--bs-primary) !important; }
.text-secondary { color: var(--bs-secondary) !important; }
.text-success { color: var(--bs-success) !important; }
.text-warning { color: var(--bs-warning) !important; }
.text-danger { color: var(--bs-danger) !important; }
.text-info { color: var(--bs-info) !important; }

/* Background colors */
.bg-primary { background-color: var(--bs-primary) !important; }
.bg-secondary { background-color: var(--bs-secondary) !important; }
.bg-success { background-color: var(--bs-success) !important; }
.bg-warning { background-color: var(--bs-warning) !important; }
.bg-danger { background-color: var(--bs-danger) !important; }
.bg-info { background-color: var(--bs-info) !important; }
.bg-light { background-color: var(--bs-light) !important; }
.bg-dark { background-color: var(--bs-dark) !important; }

/* Dropdown menu */
.dropdown-menu {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-secondary) !important;
}

/* Dropdown items */
.dropdown-item {
  color: var(--bs-light) !important;
}
.dropdown-item:hover, .dropdown-item:focus {
  background-color: var(--bs-accent) !important;
  color: var(--bs-light) !important;
}
.dropdown-item.active {
  background-color: var(--bs-accent) !important;
  color: var(--bs-light) !important;
}

/* Divider styling */
.dropdown-divider {
  border-color: var(--bs-light) !important;
}

/* Disabled dropdown items */
.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-secondary) !important;
  background-color: transparent !important;
}

/* Dropdown header */
.dropdown-header {
  color: var(--bs-light) !important;
}

/* Navbar dark specific dropdown styles */
.navbar-dark .dropdown-menu {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-secondary) !important;
}

.navbar-dark .dropdown-item {
  color: var(--bs-light) !important;
}
.navbar-dark .dropdown-item:hover, .navbar-dark .dropdown-item:focus {
  background-color: var(--bs-accent) !important;
  color: var(--bs-light) !important;
}
.navbar-dark .dropdown-item.active {
  background-color: var(--bs-accent) !important;
  color: var(--bs-light) !important;
}
.navbar-dark .dropdown-divider {
  border-color: var(--bs-light) !important;
}

.custom-icon-color {
  color: var(--bs-primary) !important;
}

.data-icon {
  width: 124px;
  height: 124px;
  background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224px%22 height=%2224px%22 viewBox=%220%200%2024%2024%22 fill=%22none%22 stroke-width=%220.8%22 color=%22FFFFFF%22%3E%3Crect x=%224%22 y=%226%22 width=%2214%22 height=%228%22 rx=%224%22 ry=%224%22 stroke=%22FFFFFF%22 stroke-width=%220.8%22 fill=%22none%22/%3E%3Cellipse cx=%2211%22 cy=%226%22 rx=%227%22 ry=%222.5%22 stroke=%22FFFFFF%22 stroke-width=%220.8%22 fill=%22none%22/%3E%3Cellipse cx=%2211%22 cy=%2214%22 rx=%227%22 ry=%222.5%22 stroke=%22FFFFFF%22 stroke-width=%220.8%22 fill=%22none%22/%3E%3Cg transform=%22scale(0.4)%20translate(30,%2035)%22%3E%3Cpath d=%22M10.0503%2010.6066L2.97923%2017.6777C2.19818%2018.4587%202.19818%2019.725%202.97923%2020.5061V20.5061C3.76027%2021.2871%205.0266%2021.2871%205.80765%2020.5061L12.8787%2013.435%22 stroke=%22FFFFFF%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M10.0502%2010.6066C9.20638%208.45358%209.37134%205.6286%2011.1109%203.88909C12.8504%202.14957%2016.0606%201.76777%2017.8284%202.82843L14.7877%205.8691L14.5051%208.98014L17.6161%208.69753L20.6568%205.65685C21.7175%207.42462%2021.3357%2010.6349%2019.5961%2012.3744C17.8566%2014.1139%2015.0316%2014.2789%2012.8786%2013.435%22 stroke=%22FFFFFF%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/g%3E%3C/svg%3E');
  background-size: contain;
  background-repeat: no-repeat;
}