/*
 * Color palettes stacked on top of Bootstrap light/dark.
 * Default = Optimus brand blue (#154690) from favicon.
 * Opal   = ruby/red crystal palette.
 * Kyber  = emerald/green crystal palette.
 */

[data-color-theme="default"] {
  --bs-cyan: #3d8fd9;
  --bs-primary: #154690;
  --bs-primary-rgb: 21, 70, 144;
  --bs-info: #0c2d5c;
  --bs-info-rgb: 12, 45, 92;
  --bs-primary-text-emphasis: #0a2548;
  --bs-info-text-emphasis: #061729;
  --bs-primary-bg-subtle: #e6edf7;
  --bs-info-bg-subtle: #d8e4f2;
  --bs-primary-border-subtle: #b8cce6;
  --bs-info-border-subtle: #9eb8d4;
  --bs-heading-color: #154690;
  --bs-link-color: #2563c4;
  --bs-link-color-rgb: 37, 99, 196;
  --bs-link-hover-color: #1a56b8;
  --bs-link-hover-color-rgb: 26, 86, 184;
  --bs-focus-ring-color: rgba(21, 70, 144, 0.25);
  --app-accent: #2563c4;
  --app-accent-hover: #1a56b8;
  --app-accent-active: #154690;
  --app-navbar-grad-top: #2563b8;
  --app-navbar-grad-mid: #154690;
  --app-navbar-grad-bot: #103872;
  --app-nav-hover-color: color-mix(in srgb, var(--app-navbar-grad-bot) 42%, black);
  --app-btn-hover-top: #1a56b8;
  --app-btn-hover-mid: #174f9e;
  --app-btn-hover-bot: #103872;
  --app-btn-active-bot: #0c2d5c;
  --app-focus-border: #6b9fd4;
}

[data-color-theme="default"][data-bs-theme="dark"] {
  --bs-primary-text-emphasis: #7eb8f5;
  --bs-info-text-emphasis: #6a9fd4;
  --bs-primary-bg-subtle: #0a1829;
  --bs-info-bg-subtle: #061220;
  --bs-primary-border-subtle: #1e4a7a;
  --bs-info-border-subtle: #143558;
  --bs-heading-color: inherit;
  --bs-link-color: #7eb8f5;
  --bs-link-hover-color: #a3ccf8;
  --bs-link-color-rgb: 126, 184, 245;
  --bs-link-hover-color-rgb: 163, 204, 248;
}

[data-color-theme="default"] .btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #154690;
  --bs-btn-border-color: #154690;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #12407d;
  --bs-btn-hover-border-color: #103872;
  --bs-btn-focus-shadow-rgb: 21, 70, 144;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #103872;
  --bs-btn-active-border-color: #0e3266;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #154690;
  --bs-btn-disabled-border-color: #154690;
  background-image: linear-gradient(
    var(--app-navbar-grad-top),
    var(--app-navbar-grad-mid) 60%,
    var(--app-navbar-grad-bot)
  );
}

[data-color-theme="default"] .btn-primary:hover {
  background-image: linear-gradient(
    var(--app-btn-hover-top),
    var(--app-btn-hover-mid) 60%,
    var(--app-btn-hover-bot)
  );
}

[data-color-theme="default"] .btn-primary:active,
[data-color-theme="default"] .btn-check:checked + .btn-primary {
  background-image: linear-gradient(
    var(--app-accent-hover),
    var(--app-accent-hover) 60%,
    var(--app-btn-active-bot)
  );
}

[data-color-theme="default"] .btn-outline-primary {
  --bs-btn-color: #154690;
  --bs-btn-border-color: #154690;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #154690;
  --bs-btn-hover-border-color: #154690;
  --bs-btn-focus-shadow-rgb: 21, 70, 144;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #154690;
  --bs-btn-active-border-color: #154690;
  --bs-btn-disabled-color: #154690;
  --bs-btn-disabled-border-color: #154690;
}

[data-color-theme="default"][data-bs-theme="dark"] .btn-outline-primary {
  --bs-btn-color: #7eb8f5;
  --bs-btn-border-color: #7eb8f5;
  --bs-btn-hover-bg: #154690;
  --bs-btn-hover-border-color: #154690;
  --bs-btn-active-bg: #154690;
  --bs-btn-active-border-color: #154690;
  --bs-btn-disabled-color: #7eb8f5;
  --bs-btn-disabled-border-color: #7eb8f5;
}

[data-color-theme="default"] .btn-info {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0c2d5c;
  --bs-btn-border-color: #0c2d5c;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0a2548;
  --bs-btn-hover-border-color: #091f3d;
  --bs-btn-focus-shadow-rgb: 12, 45, 92;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #091f3d;
  --bs-btn-active-border-color: #081a34;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0c2d5c;
  --bs-btn-disabled-border-color: #0c2d5c;
  background-image: linear-gradient(#154690, #0c2d5c 60%, #0a2548);
}

[data-color-theme="default"] .btn-info:hover {
  background-image: linear-gradient(#0c2d5c, #0a2548 60%, #091f3d);
}

[data-color-theme="default"] .btn-info:active,
[data-color-theme="default"] .btn-check:checked + .btn-info {
  background-image: linear-gradient(#091f3d, #091f3d 60%, #061729);
}

[data-color-theme="default"] .btn-outline-info {
  --bs-btn-color: #0c2d5c;
  --bs-btn-border-color: #0c2d5c;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0c2d5c;
  --bs-btn-hover-border-color: #0c2d5c;
  --bs-btn-focus-shadow-rgb: 12, 45, 92;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0c2d5c;
  --bs-btn-active-border-color: #0c2d5c;
  --bs-btn-disabled-color: #0c2d5c;
  --bs-btn-disabled-border-color: #0c2d5c;
}

[data-color-theme="default"] .btn-link {
  --bs-btn-focus-shadow-rgb: 21, 70, 144;
}

[data-color-theme="default"] .navbar.bg-primary {
  background-image: linear-gradient(
    var(--app-navbar-grad-top),
    var(--app-navbar-grad-mid) 60%,
    var(--app-navbar-grad-bot)
  );
}

[data-color-theme="default"] .dropdown-menu {
  --bs-dropdown-link-hover-bg: #154690;
  --bs-dropdown-link-active-bg: #154690;
}

[data-color-theme="default"] .nav-pills {
  --bs-nav-pills-link-active-bg: #154690;
}

[data-color-theme="default"] .pagination {
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color);
  --bs-pagination-active-bg: #154690;
  --bs-pagination-active-border-color: #154690;
}

[data-color-theme="default"] .progress,
[data-color-theme="default"] .progress-stacked {
  --bs-progress-bar-bg: #154690;
}

[data-color-theme="default"] .list-group {
  --bs-list-group-active-bg: #154690;
  --bs-list-group-active-border-color: #154690;
}

[data-color-theme="default"] .accordion {
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color);
}

[data-color-theme="default"] .btn-close {
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color);
}

[data-color-theme="default"] .popover {
  --bs-popover-header-color: var(--bs-heading-color);
}

[data-color-theme="default"] .nav-link:focus-visible {
  box-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color);
}

[data-color-theme="default"] .form-range:focus::-webkit-slider-thumb,
[data-color-theme="default"] .form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem var(--bs-focus-ring-color);
}

[data-color-theme="default"] .form-control:focus,
[data-color-theme="default"] .form-select:focus,
[data-color-theme="default"] .form-check-input:focus {
  border-color: var(--app-focus-border);
  box-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color);
}

[data-color-theme="default"] .form-check-input:checked,
[data-color-theme="default"] .form-check-input[type="checkbox"]:indeterminate {
  background-color: var(--app-accent);
  border-color: var(--app-accent);
}

[data-color-theme="default"] .link-primary:hover,
[data-color-theme="default"] .link-primary:focus {
  color: RGBA(var(--bs-link-hover-color-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-link-hover-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-link-hover-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

[data-color-theme="default"] .table-primary {
  --bs-table-bg: #e6edf7;
  --bs-table-border-color: #b8c4d4;
  --bs-table-striped-bg: #dbe4f0;
  --bs-table-active-bg: #d0dbe9;
  --bs-table-hover-bg: #d5e0ed;
}

[data-color-theme="default"] .table-info {
  --bs-table-bg: #d8e4f2;
  --bs-table-border-color: #adb8c8;
  --bs-table-striped-bg: #cdd9e7;
  --bs-table-active-bg: #c2cedc;
  --bs-table-hover-bg: #c7d3e1;
}

[data-color-theme="opal"] {
  --bs-cyan: #DC2626;
  --bs-primary: #B91C1C;
  --bs-primary-rgb: 185, 28, 28;
  --bs-info: #7F1D1D;
  --bs-info-rgb: 127, 29, 29;
  --bs-primary-text-emphasis: #7F1D1D;
  --bs-info-text-emphasis: #450A0A;
  --bs-primary-bg-subtle: #fee2e2;
  --bs-info-bg-subtle: #fecaca;
  --bs-primary-border-subtle: #fca5a5;
  --bs-info-border-subtle: #f87171;
  --bs-heading-color: #B91C1C;
  --bs-link-color: #B91C1C;
  --bs-link-color-rgb: 185, 28, 28;
  --bs-link-hover-color: #991B1B;
  --bs-link-hover-color-rgb: 153, 27, 27;
  --bs-focus-ring-color: rgba(185, 28, 28, 0.25);
  --app-accent: #DC2626;
  --app-accent-hover: #B91C1C;
  --app-accent-active: #991B1B;
  --app-navbar-grad-top: #DC2626;
  --app-navbar-grad-mid: #B91C1C;
  --app-navbar-grad-bot: #991B1B;
  --app-nav-hover-color: color-mix(in srgb, var(--app-navbar-grad-bot) 32%, black);
  --app-btn-hover-top: #DC2626;
  --app-btn-hover-mid: #B91C1C;
  --app-btn-hover-bot: #991B1B;
  --app-btn-active-bot: #7F1D1D;
  --app-focus-border: #F87171;
}

[data-color-theme="opal"][data-bs-theme="dark"] {
  --bs-primary-text-emphasis: #FCA5A5;
  --bs-info-text-emphasis: #F87171;
  --bs-primary-bg-subtle: #2A0A0A;
  --bs-info-bg-subtle: #1A0606;
  --bs-primary-border-subtle: #7F1D1D;
  --bs-info-border-subtle: #5C1414;
  --bs-heading-color: inherit;
  --bs-link-color: #F87171;
  --bs-link-hover-color: #FCA5A5;
  --bs-link-color-rgb: 248, 113, 113;
  --bs-link-hover-color-rgb: 252, 165, 165;
}

[data-color-theme="opal"] .btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #B91C1C;
  --bs-btn-border-color: #B91C1C;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #991B1B;
  --bs-btn-hover-border-color: #7F1D1D;
  --bs-btn-focus-shadow-rgb: 185, 28, 28;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #7F1D1D;
  --bs-btn-active-border-color: #6B1818;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #B91C1C;
  --bs-btn-disabled-border-color: #B91C1C;
  background-image: linear-gradient(
    var(--app-navbar-grad-top),
    var(--app-navbar-grad-mid) 60%,
    var(--app-navbar-grad-bot)
  );
}

[data-color-theme="opal"] .btn-primary:hover {
  background-image: linear-gradient(
    var(--app-btn-hover-top),
    var(--app-btn-hover-mid) 60%,
    var(--app-btn-hover-bot)
  );
}

[data-color-theme="opal"] .btn-primary:active,
[data-color-theme="opal"] .btn-check:checked + .btn-primary {
  background-image: linear-gradient(
    var(--app-accent-hover),
    var(--app-accent-hover) 60%,
    var(--app-btn-active-bot)
  );
}

[data-color-theme="opal"] .btn-outline-primary {
  --bs-btn-color: #B91C1C;
  --bs-btn-border-color: #B91C1C;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #B91C1C;
  --bs-btn-hover-border-color: #B91C1C;
  --bs-btn-focus-shadow-rgb: 185, 28, 28;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #B91C1C;
  --bs-btn-active-border-color: #B91C1C;
  --bs-btn-disabled-color: #B91C1C;
  --bs-btn-disabled-border-color: #B91C1C;
}

[data-color-theme="opal"][data-bs-theme="dark"] .btn-outline-primary {
  --bs-btn-color: #FCA5A5;
  --bs-btn-border-color: #FCA5A5;
  --bs-btn-hover-bg: #B91C1C;
  --bs-btn-hover-border-color: #B91C1C;
  --bs-btn-active-bg: #B91C1C;
  --bs-btn-active-border-color: #B91C1C;
  --bs-btn-disabled-color: #FCA5A5;
  --bs-btn-disabled-border-color: #FCA5A5;
}

[data-color-theme="opal"] .btn-info {
  --bs-btn-color: #fff;
  --bs-btn-bg: #7F1D1D;
  --bs-btn-border-color: #7F1D1D;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6B1818;
  --bs-btn-hover-border-color: #5C1414;
  --bs-btn-focus-shadow-rgb: 127, 29, 29;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #5C1414;
  --bs-btn-active-border-color: #450A0A;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #7F1D1D;
  --bs-btn-disabled-border-color: #7F1D1D;
  background-image: linear-gradient(#991B1B, #7F1D1D 60%, #6B1818);
}

[data-color-theme="opal"] .btn-info:hover {
  background-image: linear-gradient(#7F1D1D, #6B1818 60%, #6B1818);
}

[data-color-theme="opal"] .btn-info:active,
[data-color-theme="opal"] .btn-check:checked + .btn-info {
  background-image: linear-gradient(#5C1414, #5C1414 60%, #450A0A);
}

[data-color-theme="opal"] .btn-outline-info {
  --bs-btn-color: #7F1D1D;
  --bs-btn-border-color: #7F1D1D;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #7F1D1D;
  --bs-btn-hover-border-color: #7F1D1D;
  --bs-btn-focus-shadow-rgb: 127, 29, 29;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #7F1D1D;
  --bs-btn-active-border-color: #7F1D1D;
  --bs-btn-disabled-color: #7F1D1D;
  --bs-btn-disabled-border-color: #7F1D1D;
}

[data-color-theme="opal"] .btn-link {
  --bs-btn-focus-shadow-rgb: 185, 28, 28;
}

[data-color-theme="opal"] .navbar.bg-primary {
  background-image: linear-gradient(
    var(--app-navbar-grad-top),
    var(--app-navbar-grad-mid) 60%,
    var(--app-navbar-grad-bot)
  );
}

[data-color-theme="opal"] .dropdown-menu {
  --bs-dropdown-link-hover-bg: #B91C1C;
  --bs-dropdown-link-active-bg: #B91C1C;
}

[data-color-theme="opal"] .nav-pills {
  --bs-nav-pills-link-active-bg: #B91C1C;
}

[data-color-theme="opal"] .pagination {
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color);
  --bs-pagination-active-bg: #B91C1C;
  --bs-pagination-active-border-color: #B91C1C;
}

[data-color-theme="opal"] .progress,
[data-color-theme="opal"] .progress-stacked {
  --bs-progress-bar-bg: #B91C1C;
}

[data-color-theme="opal"] .list-group {
  --bs-list-group-active-bg: #B91C1C;
  --bs-list-group-active-border-color: #B91C1C;
}

[data-color-theme="opal"] .accordion {
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color);
}

[data-color-theme="opal"] .btn-close {
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color);
}

[data-color-theme="opal"] .popover {
  --bs-popover-header-color: var(--bs-heading-color);
}

[data-color-theme="opal"] .nav-link:focus-visible {
  box-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color);
}

[data-color-theme="opal"] .form-range:focus::-webkit-slider-thumb,
[data-color-theme="opal"] .form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem var(--bs-focus-ring-color);
}

[data-color-theme="opal"] .form-control:focus,
[data-color-theme="opal"] .form-select:focus,
[data-color-theme="opal"] .form-check-input:focus {
  border-color: var(--app-focus-border);
  box-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color);
}

[data-color-theme="opal"] .form-check-input:checked,
[data-color-theme="opal"] .form-check-input[type="checkbox"]:indeterminate {
  background-color: var(--app-accent);
  border-color: var(--app-accent);
}

[data-color-theme="opal"] .link-primary:hover,
[data-color-theme="opal"] .link-primary:focus {
  color: RGBA(var(--bs-link-hover-color-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-link-hover-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-link-hover-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

[data-color-theme="opal"] .table-primary {
  --bs-table-bg: #fee2e2;
  --bs-table-border-color: #fca5a5;
  --bs-table-striped-bg: #fecaca;
  --bs-table-active-bg: #fca5a5;
  --bs-table-hover-bg: #fecaca;
}

[data-color-theme="opal"] .table-info {
  --bs-table-bg: #fecaca;
  --bs-table-border-color: #f87171;
  --bs-table-striped-bg: #fca5a5;
  --bs-table-active-bg: #f87171;
  --bs-table-hover-bg: #fca5a5;
}

[data-color-theme="kyber"] {
  --bs-cyan: #34D399;
  --bs-primary: #10B981;
  --bs-primary-rgb: 16, 185, 129;
  --bs-info: #064E3B;
  --bs-info-rgb: 6, 78, 59;
  --bs-primary-text-emphasis: #064E3B;
  --bs-info-text-emphasis: #022C22;
  --bs-primary-bg-subtle: #d1fae5;
  --bs-info-bg-subtle: #c6f0dc;
  --bs-primary-border-subtle: #6ee7b7;
  --bs-info-border-subtle: #5dd4a8;
  --bs-heading-color: #10B981;
  --bs-link-color: #10B981;
  --bs-link-color-rgb: 16, 185, 129;
  --bs-link-hover-color: #059669;
  --bs-link-hover-color-rgb: 5, 150, 105;
  --bs-focus-ring-color: rgba(16, 185, 129, 0.25);
  --app-accent: #10B981;
  --app-accent-hover: #059669;
  --app-accent-active: #047857;
  --app-navbar-grad-top: #34D399;
  --app-navbar-grad-mid: #10B981;
  --app-navbar-grad-bot: #059669;
  --app-nav-hover-color: color-mix(in srgb, var(--app-navbar-grad-bot) 42%, black);
  --app-btn-hover-top: #10B981;
  --app-btn-hover-mid: #0d9668;
  --app-btn-hover-bot: #059669;
  --app-btn-active-bot: #047857;
  --app-focus-border: #6EE7B7;
}

[data-color-theme="kyber"][data-bs-theme="dark"] {
  --bs-primary-text-emphasis: #6EE7B7;
  --bs-info-text-emphasis: #5DD4A8;
  --bs-primary-bg-subtle: #052e16;
  --bs-info-bg-subtle: #022c22;
  --bs-primary-border-subtle: #065f46;
  --bs-info-border-subtle: #064e3b;
  --bs-heading-color: inherit;
  --bs-link-color: #6EE7B7;
  --bs-link-hover-color: #A7F3D0;
  --bs-link-color-rgb: 110, 231, 183;
  --bs-link-hover-color-rgb: 167, 243, 208;
}

[data-color-theme="kyber"] .btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #10B981;
  --bs-btn-border-color: #10B981;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #059669;
  --bs-btn-hover-border-color: #047857;
  --bs-btn-focus-shadow-rgb: 16, 185, 129;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #047857;
  --bs-btn-active-border-color: #065f46;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #10B981;
  --bs-btn-disabled-border-color: #10B981;
  background-image: linear-gradient(
    var(--app-navbar-grad-top),
    var(--app-navbar-grad-mid) 60%,
    var(--app-navbar-grad-bot)
  );
}

[data-color-theme="kyber"] .btn-primary:hover {
  background-image: linear-gradient(
    var(--app-btn-hover-top),
    var(--app-btn-hover-mid) 60%,
    var(--app-btn-hover-bot)
  );
}

[data-color-theme="kyber"] .btn-primary:active,
[data-color-theme="kyber"] .btn-check:checked + .btn-primary {
  background-image: linear-gradient(
    var(--app-accent-hover),
    var(--app-accent-hover) 60%,
    var(--app-btn-active-bot)
  );
}

[data-color-theme="kyber"] .btn-outline-primary {
  --bs-btn-color: #10B981;
  --bs-btn-border-color: #10B981;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #10B981;
  --bs-btn-hover-border-color: #10B981;
  --bs-btn-focus-shadow-rgb: 16, 185, 129;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #10B981;
  --bs-btn-active-border-color: #10B981;
  --bs-btn-disabled-color: #10B981;
  --bs-btn-disabled-border-color: #10B981;
}

[data-color-theme="kyber"][data-bs-theme="dark"] .btn-outline-primary {
  --bs-btn-color: #6EE7B7;
  --bs-btn-border-color: #6EE7B7;
  --bs-btn-hover-bg: #10B981;
  --bs-btn-hover-border-color: #10B981;
  --bs-btn-active-bg: #10B981;
  --bs-btn-active-border-color: #10B981;
  --bs-btn-disabled-color: #6EE7B7;
  --bs-btn-disabled-border-color: #6EE7B7;
}

[data-color-theme="kyber"] .btn-info {
  --bs-btn-color: #fff;
  --bs-btn-bg: #064E3B;
  --bs-btn-border-color: #064E3B;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #053d2e;
  --bs-btn-hover-border-color: #043528;
  --bs-btn-focus-shadow-rgb: 6, 78, 59;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #043528;
  --bs-btn-active-border-color: #032e22;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #064E3B;
  --bs-btn-disabled-border-color: #064E3B;
  background-image: linear-gradient(#059669, #064E3B 60%, #053d2e);
}

[data-color-theme="kyber"] .btn-info:hover {
  background-image: linear-gradient(#064E3B, #053d2e 60%, #053d2e);
}

[data-color-theme="kyber"] .btn-info:active,
[data-color-theme="kyber"] .btn-check:checked + .btn-info {
  background-image: linear-gradient(#043528, #043528 60%, #022c22);
}

[data-color-theme="kyber"] .btn-outline-info {
  --bs-btn-color: #064E3B;
  --bs-btn-border-color: #064E3B;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #064E3B;
  --bs-btn-hover-border-color: #064E3B;
  --bs-btn-focus-shadow-rgb: 6, 78, 59;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #064E3B;
  --bs-btn-active-border-color: #064E3B;
  --bs-btn-disabled-color: #064E3B;
  --bs-btn-disabled-border-color: #064E3B;
}

[data-color-theme="kyber"] .btn-link {
  --bs-btn-focus-shadow-rgb: 16, 185, 129;
}

[data-color-theme="kyber"] .navbar.bg-primary {
  background-image: linear-gradient(
    var(--app-navbar-grad-top),
    var(--app-navbar-grad-mid) 60%,
    var(--app-navbar-grad-bot)
  );
}

[data-color-theme="kyber"] .dropdown-menu {
  --bs-dropdown-link-hover-bg: #10B981;
  --bs-dropdown-link-active-bg: #10B981;
}

[data-color-theme="kyber"] .nav-pills {
  --bs-nav-pills-link-active-bg: #10B981;
}

[data-color-theme="kyber"] .pagination {
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color);
  --bs-pagination-active-bg: #10B981;
  --bs-pagination-active-border-color: #10B981;
}

[data-color-theme="kyber"] .progress,
[data-color-theme="kyber"] .progress-stacked {
  --bs-progress-bar-bg: #10B981;
}

[data-color-theme="kyber"] .list-group {
  --bs-list-group-active-bg: #10B981;
  --bs-list-group-active-border-color: #10B981;
}

[data-color-theme="kyber"] .accordion {
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color);
}

[data-color-theme="kyber"] .btn-close {
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color);
}

[data-color-theme="kyber"] .popover {
  --bs-popover-header-color: var(--bs-heading-color);
}

[data-color-theme="kyber"] .nav-link:focus-visible {
  box-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color);
}

[data-color-theme="kyber"] .form-range:focus::-webkit-slider-thumb,
[data-color-theme="kyber"] .form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem var(--bs-focus-ring-color);
}

[data-color-theme="kyber"] .form-control:focus,
[data-color-theme="kyber"] .form-select:focus,
[data-color-theme="kyber"] .form-check-input:focus {
  border-color: var(--app-focus-border);
  box-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color);
}

[data-color-theme="kyber"] .form-check-input:checked,
[data-color-theme="kyber"] .form-check-input[type="checkbox"]:indeterminate {
  background-color: var(--app-accent);
  border-color: var(--app-accent);
}

[data-color-theme="kyber"] .link-primary:hover,
[data-color-theme="kyber"] .link-primary:focus {
  color: RGBA(var(--bs-link-hover-color-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-link-hover-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-link-hover-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

[data-color-theme="kyber"] .table-primary {
  --bs-table-bg: #d1fae5;
  --bs-table-border-color: #a7f3d0;
  --bs-table-striped-bg: #c6f0dc;
  --bs-table-active-bg: #bbebd3;
  --bs-table-hover-bg: #c0edda;
}

[data-color-theme="kyber"] .table-info {
  --bs-table-bg: #c6f0dc;
  --bs-table-border-color: #9ee6c8;
  --bs-table-striped-bg: #bbebd3;
  --bs-table-active-bg: #b0e6ca;
  --bs-table-hover-bg: #b5e8cd;
}