:root {
  --cebaufinanz: rgba(28, 58, 105, 1);
  --cebaufinanz-rgb: 28, 58, 105;
  --cebaufinanz-hover: rgba(22, 46, 84, 1);
  --cebaufinanz-hover-rgb: 22, 46, 84;
  --cebaufinanz-bg-subtle: rgba(28, 58, 105, 0.1);
  --cebaufinanz-border-subtle: rgba(28, 58, 105, 0.3);
  --cebaufinanz-text-emphasis: rgba(28, 58, 105, 0.9);
}

/* Background color */
.bg-cebaufinanz {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--cebaufinanz-rgb), var(--bs-bg-opacity)) !important;
}
.bg-cebaufinanz-subtle {
  background-color: var(--cebaufinanz-bg-subtle) !important;
}

/* Text color */
.text-cebaufinanz {
  --bs-text-opacity: 1;
  color: rgba(var(--cebaufinanz-rgb), var(--bs-text-opacity)) !important;
}
.text-cebaufinanz-emphasis {
  color: var(--cebaufinanz-text-emphasis) !important;
}

/* Border color */
.border-cebaufinanz {
  --bs-border-opacity: 1;
  border-color: rgba(var(--cebaufinanz-rgb), var(--bs-border-opacity)) !important;
}
.border-cebaufinanz-subtle {
  border-color: var(--cebaufinanz-border-subtle) !important;
}

/* Link color */
.link-cebaufinanz {
  color: rgba(var(--cebaufinanz-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(var(--cebaufinanz-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-cebaufinanz:hover, .link-cebaufinanz:focus {
  color: rgba(var(--cebaufinanz-hover-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(var(--cebaufinanz-hover-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

/* Button styles */
.btn-cebaufinanz {
  --bs-btn-color: #fff;
  --bs-btn-bg: rgba(28, 58, 105, 1);
  --bs-btn-border-color: rgba(28, 58, 105, 1);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgba(22, 46, 84, 1);
  --bs-btn-hover-border-color: rgba(22, 46, 84, 1);
  --bs-btn-focus-shadow-rgb: 60, 80, 120;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgba(22, 46, 84, 1);
  --bs-btn-active-border-color: rgba(20, 43, 79, 1);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: rgba(28, 58, 105, 1);
  --bs-btn-disabled-border-color: rgba(28, 58, 105, 1);
}

.btn-outline-cebaufinanz {
  --bs-btn-color: rgba(28, 58, 105, 1);
  --bs-btn-border-color: rgba(28, 58, 105, 1);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgba(28, 58, 105, 1);
  --bs-btn-hover-border-color: rgba(28, 58, 105, 1);
  --bs-btn-focus-shadow-rgb: 28, 58, 105;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgba(28, 58, 105, 1);
  --bs-btn-active-border-color: rgba(28, 58, 105, 1);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: rgba(28, 58, 105, 1);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: rgba(28, 58, 105, 1);
  --bs-gradient: none;
}

/* Badge styles */
.text-bg-cebaufinanz {
  color: #fff !important;
  background-color: RGBA(var(--cebaufinanz-rgb), var(--bs-bg-opacity, 1)) !important;
}

/* List group styles */
.list-group-item-cebaufinanz {
  --bs-list-group-color: var(--cebaufinanz-text-emphasis);
  --bs-list-group-bg: var(--cebaufinanz-bg-subtle);
  --bs-list-group-border-color: var(--cebaufinanz-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--cebaufinanz-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--cebaufinanz-border-subtle);
  --bs-list-group-active-color: var(--bs-body-bg);
  --bs-list-group-active-bg: var(--cebaufinanz);
  --bs-list-group-active-border-color: var(--cebaufinanz);
}

/* Alert styles */
.alert-cebaufinanz {
  --bs-alert-color: var(--cebaufinanz-text-emphasis);
  --bs-alert-bg: var(--cebaufinanz-bg-subtle);
  --bs-alert-border-color: var(--cebaufinanz-border-subtle);
  --bs-alert-link-color: var(--cebaufinanz-text-emphasis);
}

/* Table styles */
.table-cebaufinanz {
  --bs-table-color: #000;
  --bs-table-bg: rgba(28, 58, 105, 0.15);
  --bs-table-border-color: rgba(22, 46, 84, 0.3);
  --bs-table-striped-bg: rgba(28, 58, 105, 0.2);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgba(28, 58, 105, 0.25);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgba(28, 58, 105, 0.22);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}