/* Shared frontend palette, matched to the UVO Drive logo. */
:root,
:root[data-bs-theme],
:root[data-bs-theme-color],
:root[data-bs-theme][data-bs-theme-color] {
  --uvo-teal: #14d6a5;
  --uvo-teal-hover: #43e5ba;
  --uvo-teal-active: #10bd91;
  --uvo-blue: #1675df;
  --uvo-blue-hover: #318bf1;
  --uvo-blue-active: #105fba;
  --uvo-blue-light: #65b9ff;
  --uvo-gold: #ffcc38;
  --uvo-coral: #ff6257;
  --uvo-ink: #081711;
  --uvo-surface: #14171c;
  --uvo-border: #30363f;

  --bs-primary: var(--uvo-teal);
  --bs-primary-rgb: 20, 214, 165;
  --bs-primary-text-emphasis: #6ee9ca;
  --bs-primary-bg-subtle: #102c25;
  --bs-primary-border-subtle: #24624e;
  --bs-primary-hover-bg: var(--uvo-teal-hover);
  --bs-primary-hover-border: var(--uvo-teal-hover);
  --bs-primary-active-bg: var(--uvo-teal-active);
  --bs-primary-active-border: var(--uvo-teal-active);
  --bs-primary-shade-90: #e8fbf6;
  --bs-primary-shade-80: #d0f7ed;
  --bs-primary-shade-60: #a1efdB;
  --bs-primary-shade-40: #72e6c9;
  --bs-primary-shade-20: #43deb7;
  --bs-primary-shade-10: #2bdaad;
  --bs-primary-tint-90: #021511;
  --bs-primary-tint-80: #042b21;
  --bs-primary-tint-60: #085642;
  --bs-primary-tint-40: #0c8063;
  --bs-primary-tint-20: #10ab84;
  --bs-primary-tint-10: #12c195;

  --bs-secondary: var(--uvo-blue);
  --bs-secondary-rgb: 22, 117, 223;
  --bs-secondary-text-emphasis: var(--uvo-blue-light);
  --bs-secondary-bg-subtle: #11263f;
  --bs-secondary-border-subtle: #28598f;
  --bs-secondary-hover-bg: #1267c4;
  --bs-secondary-hover-border: #105fba;
  --bs-secondary-active-bg: var(--uvo-blue-active);
  --bs-secondary-active-border: var(--uvo-blue-active);

  --bs-success: var(--uvo-teal);
  --bs-success-rgb: 20, 214, 165;
  --bs-success-text-emphasis: #6ee9ca;
  --bs-success-bg-subtle: #102c25;
  --bs-success-border-subtle: #24624e;
  --bs-success-hover-bg: var(--uvo-teal-hover);
  --bs-success-hover-border: var(--uvo-teal-hover);
  --bs-success-active-bg: var(--uvo-teal-active);
  --bs-success-active-border: var(--uvo-teal-active);

  --bs-info: var(--uvo-blue-light);
  --bs-info-rgb: 101, 185, 255;
  --bs-info-text-emphasis: #a3d5ff;
  --bs-info-bg-subtle: #122b41;
  --bs-info-border-subtle: #2b628b;
  --bs-info-hover-bg: #85c7ff;
  --bs-info-hover-border: #85c7ff;
  --bs-info-active-bg: #4ba8f2;
  --bs-info-active-border: #4ba8f2;

  --bs-warning: var(--uvo-gold);
  --bs-warning-rgb: 255, 204, 56;
  --bs-warning-text-emphasis: #ffdb70;
  --bs-warning-bg-subtle: #302713;
  --bs-warning-border-subtle: #796528;
  --bs-warning-hover-bg: #ffda6b;
  --bs-warning-hover-border: #ffda6b;
  --bs-warning-active-bg: #e9b724;
  --bs-warning-active-border: #e9b724;

  --bs-danger: var(--uvo-coral);
  --bs-danger-rgb: 255, 98, 87;
  --bs-danger-text-emphasis: #ffaaa2;
  --bs-danger-bg-subtle: #341b1d;
  --bs-danger-border-subtle: #8c4240;
  --bs-danger-hover-bg: #ff8178;
  --bs-danger-hover-border: #ff8178;
  --bs-danger-active-bg: #ef5449;
  --bs-danger-active-border: #ef5449;

  --bs-link-color: var(--uvo-blue-light);
  --bs-link-color-rgb: 101, 185, 255;
  --bs-link-hover-color: var(--uvo-teal);
  --bs-link-hover-color-rgb: 20, 214, 165;
  --bs-focus-ring-color: rgba(101, 185, 255, 0.3);
}

:root[data-bs-theme="dark"] {
  --bs-body-bg: #090b0e;
  --bs-body-bg-rgb: 9, 11, 14;
  --bs-body-color: #c9cdd3;
  --bs-body-color-rgb: 201, 205, 211;
  --bs-heading-color: #f5f7fa;
  --bs-emphasis-color: #f5f7fa;
  --bs-emphasis-color-rgb: 245, 247, 250;
  --bs-secondary-color: #a4abb6;
  --bs-secondary-bg: #1d2229;
  --bs-secondary-bg-rgb: 29, 34, 41;
  --bs-tertiary-bg: var(--uvo-surface);
  --bs-tertiary-bg-rgb: 20, 23, 28;
  --bs-border-color: var(--uvo-border);
  --bs-border-color-translucent: rgba(164, 171, 182, 0.2);
  --bs-gray-900: var(--uvo-surface);
  --bs-gray-900-rgb: 20, 23, 28;
  --bs-gray-800: #1d2229;
  --bs-gray-800-rgb: 29, 34, 41;
  --bs-gray-700: #171b21;
  --bs-gray-700-rgb: 23, 27, 33;
  --bs-gray-600: #c9cdd3;
  --bs-gray-600-rgb: 201, 205, 211;
  --bs-gray-500: #30363f;
  --bs-gray-500-rgb: 48, 54, 63;
  --bs-gray-400: #242a32;
  --bs-gray-400-rgb: 36, 42, 50;
  --bs-gray-300: #30363f;
  --bs-gray-300-rgb: 48, 54, 63;
  --bs-gray-200: #171b21;
  --bs-gray-200-rgb: 23, 27, 33;
  --bs-gray-100: #a4abb6;
  --bs-gray-100-rgb: 164, 171, 182;
}

html :is(.btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger) {
  --bs-btn-color: var(--uvo-ink);
  --bs-btn-hover-color: var(--uvo-ink);
  --bs-btn-active-color: var(--uvo-ink);
  --bs-btn-disabled-color: var(--uvo-ink);
}

html .btn-primary {
  --bs-btn-focus-shadow-rgb: 20, 214, 165;
}

html .btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-hover-color: #fff;
  --bs-btn-active-color: #fff;
  --bs-btn-focus-shadow-rgb: 22, 117, 223;
}

html :is(.btn-outline-primary, .btn-outline-success, .btn-outline-info, .btn-outline-warning, .btn-outline-danger) {
  --bs-btn-hover-color: var(--uvo-ink);
  --bs-btn-active-color: var(--uvo-ink);
}

html .btn-primary-subtle {
  background-color: var(--bs-primary-bg-subtle);
  color: var(--bs-primary-text-emphasis);
}

html :is(.text-bg-primary, .text-bg-success, .text-bg-info, .text-bg-warning, .text-bg-danger),
html :is(.badge.bg-primary, .badge.bg-success, .badge.bg-info, .badge.bg-warning, .badge.bg-danger),
html :is(.product-new, .product-premium, .subscription-plan-offer, .discount-offer) {
  color: var(--uvo-ink) !important;
}

html :is(.product-premium, .subscription-plan-offer, .discount-offer) {
  background-color: var(--uvo-gold);
}

html :is(.ph-star, .ph-fill.ph-star, .ph-crown, .ph-fill.ph-crown) {
  color: var(--uvo-gold);
}

html .product-premium i {
  color: var(--uvo-ink);
}

html .iq-nav-menu .nav-link:is(:hover, :focus-visible, .active) {
  color: var(--uvo-blue-light);
}

html :is(.nav-tabs, .nav-pills, .season-tab) {
  --bs-nav-link-hover-color: var(--uvo-blue-light);
  --bs-nav-tabs-link-active-color: var(--uvo-blue-light);
  --bs-nav-tabs-link-active-bg: var(--uvo-surface);
  --bs-nav-tabs-link-active-border-color: var(--uvo-blue);
  --bs-nav-pills-link-active-bg: var(--uvo-blue);
  --bs-nav-pills-link-active-color: #fff;
}

html .dropdown-menu {
  --bs-dropdown-link-hover-color: var(--uvo-blue-light);
  --bs-dropdown-link-hover-bg: #18283b;
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: var(--uvo-blue);
}

html .pagination {
  --bs-pagination-color: var(--uvo-blue-light);
  --bs-pagination-hover-color: var(--uvo-teal);
  --bs-pagination-focus-color: var(--uvo-teal);
  --bs-pagination-focus-box-shadow: 0 0 0 0.2rem rgba(101, 185, 255, 0.25);
  --bs-pagination-active-bg: var(--uvo-blue);
  --bs-pagination-active-border-color: var(--uvo-blue);
}

html :is(.form-control, .form-select):focus {
  border-color: var(--uvo-blue-light);
  box-shadow: 0 0 0 0.2rem rgba(101, 185, 255, 0.18);
}

html .input-group .form-control:focus + .input-group-text {
  border-color: var(--uvo-blue-light);
}

html .form-check-input:checked {
  background-color: var(--uvo-blue);
  border-color: var(--uvo-blue);
}

html .form-check-input:focus {
  border-color: var(--uvo-blue-light);
  box-shadow: 0 0 0 0.2rem rgba(101, 185, 255, 0.2);
}

html input[type="checkbox"]:checked + .slider {
  background-color: var(--uvo-blue);
}

html .invalid-feedback {
  color: var(--uvo-coral);
}

html .accordion {
  --bs-accordion-active-color: var(--uvo-blue-light);
  --bs-accordion-active-bg: #172435;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.2rem rgba(101, 185, 255, 0.2);
}

html .alert-success {
  --bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
}

html .alert-info {
  --bs-alert-color: var(--bs-info-text-emphasis);
  --bs-alert-bg: var(--bs-info-bg-subtle);
  --bs-alert-border-color: var(--bs-info-border-subtle);
}

html .alert-warning {
  --bs-alert-color: var(--bs-warning-text-emphasis);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-border-subtle);
}

html .alert-danger {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
}

html .notification-alert,
html #customAdCloseBtn {
  background: var(--uvo-coral);
  color: var(--uvo-ink);
}

html .swal2-confirm {
  background-color: var(--uvo-teal) !important;
  color: var(--uvo-ink) !important;
}

html .swal2-icon-red {
  border-color: var(--uvo-teal) !important;
  color: var(--uvo-teal) !important;
}

html .video-js :is(.vjs-play-progress, .vjs-volume-level) {
  background-color: var(--uvo-blue);
}

html .video-js .vjs-big-play-button {
  background-color: var(--uvo-teal);
  border-color: var(--uvo-teal);
  color: var(--uvo-ink);
}

html :is(.header-absolute, header.sticky) {
  background-color: rgba(9, 11, 14, 0.82);
}

html header {
  box-shadow: inset 0 -1px 0 rgba(20, 214, 165, 0.16);
}

html .footer-menu a:is(:hover, :focus-visible),
html .footer-menu a:is(:hover, :focus-visible)::before {
  color: var(--uvo-blue-light);
}

html .custom-ad-box {
  background: var(--uvo-surface);
}

html .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--uvo-blue);
  color: #fff;
}

html .flatpickr-day:is(.selected, .startRange, .endRange) {
  background-color: var(--uvo-blue);
  border-color: var(--uvo-blue);
  color: #fff;
}