/*
 * Audion product UI theme — 2026-07-19
 *
 * The legacy theme remains untouched in assets/css/theme.min.css.
 * Removing this stylesheet link from head.php restores the previous theme.
 */

:root,
[data-bs-theme="dark"] {
  color-scheme: dark;
  --bs-body-bg: #06080e;
  --bs-body-color: #d9dde7;
  --bs-emphasis-color: #ffffff;
  --bs-secondary-color: #a7afbf;
  --bs-tertiary-color: #788396;
  --bs-secondary-bg: #0d111a;
  --bs-tertiary-bg: #111722;
  --bs-border-color: #272e3c;
  --bs-border-color-translucent: rgba(174, 190, 218, .14);
  --bs-primary: #28d1c4;
  --bs-primary-rgb: 40, 209, 196;
  --bs-info: #47b9ff;
  --bs-info-rgb: 71, 185, 255;
  --bs-link-color: #6ee1d7;
  --bs-link-hover-color: #b8faf3;
  --bs-card-bg: #0d111a;
  --bs-card-border-color: #272e3c;
  --bs-modal-bg: #0c111a;
  --bs-dropdown-bg: #0c111a;
  --bs-dropdown-border-color: #2b3444;
  --bs-dropdown-link-color: #d9dde7;
  --bs-dropdown-link-hover-bg: #151d2a;
  --bs-dropdown-link-hover-color: #ffffff;
}

html,
body {
  background: #06080e;
}

body {
  background-image:
    radial-gradient(78rem 42rem at 8% -14%, rgba(83, 72, 166, .15), transparent 64%),
    radial-gradient(64rem 36rem at 102% 9%, rgba(25, 151, 159, .09), transparent 62%);
  color: #d9dde7;
}

.page-wrapper {
  background: transparent;
}

.header.navbar {
  position: relative;
  z-index: 1100;
  isolation: isolate;
  background: rgba(8, 11, 18, .94) !important;
  border-bottom: 1px solid rgba(166, 181, 207, .12);
  box-shadow: 0 .6rem 1.8rem rgba(0, 0, 0, .18) !important;
  backdrop-filter: blur(16px);
}

.header.navbar .navbar-collapse,
.header.navbar .dropdown-menu {
  z-index: 1110;
}

.navbar .nav-link,
.navbar .navbar-toggler {
  color: #cfd5e2;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus,
.navbar .nav-link.active {
  color: #ffffff;
}

.dropdown-menu,
.offcanvas,
.modal-content,
.popover,
.toast {
  background: #0c111a;
  border-color: #2b3444;
  box-shadow: 0 1.5rem 3.5rem rgba(0, 0, 0, .34);
}

.dropdown-item.active,
.dropdown-item:active {
  background: #1a5c62;
  color: #ffffff;
}

.bg-dark,
footer.bg-dark {
  background-color: #070a10 !important;
}

.bg-secondary,
.tab-content.bg-secondary {
  background-color: #0d111a !important;
  border: 1px solid rgba(172, 187, 214, .13);
  box-shadow: inset 0 1px rgba(255, 255, 255, .02), 0 1.2rem 3rem rgba(0, 0, 0, .14);
}

.card,
.accordion-item {
  background-color: #0d111a;
  border-color: #272e3c;
  box-shadow: 0 1rem 2.4rem rgba(0, 0, 0, .14);
}

.card-footer,
.modal-header,
.modal-footer,
.accordion-button {
  border-color: #272e3c;
}

.accordion-button:not(.collapsed) {
  background-color: #141c28;
  color: #ffffff;
}

.nav-tabs {
  border-color: #2b3444;
}

.nav-tabs .nav-link {
  color: #aeb6c6;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  border-color: transparent;
  color: #ffffff;
}

.nav-tabs .nav-link.active {
  background: #111925;
  border-color: #2b3444 #2b3444 #111925;
  color: #ffffff;
}

.btn-primary {
  --bs-btn-color: #04100f;
  --bs-btn-bg: #28d1c4;
  --bs-btn-border-color: #28d1c4;
  --bs-btn-hover-color: #04100f;
  --bs-btn-hover-bg: #79e5db;
  --bs-btn-hover-border-color: #79e5db;
  --bs-btn-active-color: #04100f;
  --bs-btn-active-bg: #1aa99f;
  --bs-btn-active-border-color: #1aa99f;
}

.btn-outline-primary {
  --bs-btn-color: #62e3d8;
  --bs-btn-border-color: #278d91;
  --bs-btn-hover-color: #04100f;
  --bs-btn-hover-bg: #41d6ca;
  --bs-btn-hover-border-color: #41d6ca;
  --bs-btn-active-color: #04100f;
  --bs-btn-active-bg: #28bdb3;
  --bs-btn-active-border-color: #28bdb3;
}

.btn-secondary {
  --bs-btn-color: #dce2ee;
  --bs-btn-bg: #171e2b;
  --bs-btn-border-color: #303a4b;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #202a39;
  --bs-btn-hover-border-color: #3b4659;
}

.btn-outline-info {
  --bs-btn-color: #70caff;
  --bs-btn-border-color: #2c7eb9;
  --bs-btn-hover-color: #061018;
  --bs-btn-hover-bg: #55bdf6;
  --bs-btn-hover-border-color: #55bdf6;
}

.form-control,
.form-select,
.input-group-text {
  background-color: #0a0f17;
  border-color: #30394a;
  color: #e5e8ef;
}

.form-control:focus,
.form-select:focus {
  background-color: #0d131d;
  border-color: #35b9b1;
  box-shadow: 0 0 0 .25rem rgba(40, 209, 196, .16);
  color: #ffffff;
}

.form-control::placeholder {
  color: #758094;
}

.table {
  --bs-table-color: #d9dde7;
  --bs-table-bg: transparent;
  --bs-table-border-color: #283142;
  --bs-table-striped-bg: rgba(129, 145, 175, .075);
  --bs-table-hover-bg: rgba(40, 209, 196, .08);
  --bs-table-hover-color: #ffffff;
}

.table > :not(caption) > * > * {
  box-shadow: none;
}

.text-muted,
.text-body {
  color: #aeb6c6 !important;
}

.text-primary {
  color: #42ded2 !important;
}

.text-gradient-primary {
  background: linear-gradient(92deg, #65e5db 4%, #6f7cff 49%, #d084f3 96%);
  -webkit-background-clip: text;
  background-clip: text;
}

.bg-gradient-primary {
  background: linear-gradient(135deg, #162631 0%, #182039 52%, #281a42 100%) !important;
}

.jarallax.bg-dark {
  background-color: #060911 !important;
}

.jarallax.bg-dark .jarallax-img {
  filter: brightness(.4) saturate(.72) contrast(1.07);
}

.jarallax.bg-dark > .position-absolute {
  background:
    radial-gradient(88% 90% at 50% 96%, rgba(82, 99, 210, .18) 0%, rgba(43, 195, 181, .07) 42%, rgba(5, 8, 14, .64) 100%) !important;
}

.btn-scroll-top {
  background: #172034;
  box-shadow: 0 .6rem 1.5rem rgba(0, 0, 0, .36);
}

::selection {
  background: rgba(77, 210, 199, .38);
  color: #ffffff;
}