/* Bootstrap adjustments for all themes */

.accordion-button:not(.collapsed) {
  --bs-accordion-active-bg: var(--bs-accordion-btn-bg);
}

[data-bs-theme="dark"] mjx-container [data-sre-highlight-1]:not([data-mjx-collapsed], rect) {
  --mjx-fg1-color: var(--bs-white);
}

/* Custom AMOLED theme */

[data-theme="amoled"] {
  --bs-body-bg: #000;
  --bs-body-bg-rgb: 0, 0, 0;
  --bs-primary: #084298;
  --bs-primary-rgb: 8, 66, 152;
  --bs-secondary: #495057;
  --bs-secondary-rgb: 73, 80, 87;
  --bs-success: #0f5132;
  --bs-success-rgb: 15, 81, 50;
  --bs-info: #087990;
  --bs-info-rgb: 8, 121, 144;
  --bs-warning: #997404;
  --bs-warning-rgb: 153, 116, 4;
  --bs-danger: #842029;
  --bs-danger-rgb: 132, 32, 41;
  --bs-light: #dee2e6;
  --bs-light-rgb: 222, 226, 230;
  --bs-tertiary-bg: #212529;
  --bs-tertiary-bg-rgb: 33, 37, 41;
}

[data-theme="amoled"] :is(.text-bg-primary, .text-bg-secondary, .text-bg-success, .text-bg-info, .text-bg-warning, .text-bg-danger, .text-bg-light) {
  color: var(--bs-white) !important;
}

[data-theme="amoled"] :is(.btn-primary, .btn-secondary, .btn-success, .btn-danger, .btn-warning, .btn-info, .btn-light, .btn-dark) {
  --bs-btn-bg: var(--btn-theme);
  --bs-btn-border-color: var(--btn-theme);
  --bs-btn-hover-bg: color-mix(in srgb, var(--btn-theme), var(--bs-black) 15%);
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-bg: var(--bs-btn-hover-bg);
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-disabled-bg: color-mix(in srgb, var(--btn-theme), var(--bs-white) 15%);
  --bs-btn-disabled-border-color: var(--bs-btn-disabled-bg);
}

[data-theme="amoled"] :is(.btn-outline-primary, .btn-outline-secondary, .btn-outline-success, .btn-outline-danger, .btn-outline-warning, .btn-outline-info, .btn-outline-light, .btn-outline-dark) {
  --bs-btn-color: var(--btn-theme);
  --bs-btn-border-color: var(--btn-theme);
  --bs-btn-hover-bg: color-mix(in srgb, var(--btn-theme), var(--bs-black) 15%);
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-bg: var(--bs-btn-hover-bg);
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-disabled-color: color-mix(in srgb, var(--btn-theme), var(--bs-white) 15%);
  --bs-btn-disabled-border-color: var(--bs-btn-disabled-color);
}

[data-theme="amoled"] :is(.btn-primary, .btn-outline-primary) {
  --btn-theme: var(--bs-primary);
}

[data-theme="amoled"] :is(.btn-secondary, .btn-outline-secondary) {
  --btn-theme: var(--bs-secondary);
}

[data-theme="amoled"] :is(.btn-success, .btn-outline-success) {
  --btn-theme: var(--bs-success);
}

[data-theme="amoled"] :is(.btn-danger, .btn-outline-danger) {
  --btn-theme: var(--bs-danger);
}

[data-theme="amoled"] :is(.btn-warning, .btn-outline-warning) {
  --btn-theme: var(--bs-warning);
}

[data-theme="amoled"] :is(.btn-info, .btn-outline-info) {
  --btn-theme: var(--bs-info);
}

[data-theme="amoled"] :is(.btn-light, .btn-outline-light) {
  --btn-theme: var(--bs-light);
}

[data-theme="amoled"] :is(.btn-dark, .btn-outline-dark) {
  --btn-theme: var(--bs-dark);
}

[data-theme="amoled"] .list-group {
  --bs-list-group-active-bg: var(--bs-primary);
  --bs-list-group-active-border-color: var(--bs-primary);
}

[data-theme="amoled"] .list-group-item-secondary {
  --bs-list-group-active-bg: var(--bs-secondary);
  --bs-list-group-active-border-color: var(--bs-secondary);
  --bs-list-group-active-color: var(--bs-white);
}

[data-theme="amoled"] .form-check-input:checked {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

[data-theme="amoled"] :is(.card, .popover) {
  border-color: var(--bs-border-color);
}