/* OHUDE store brand theme */
:root {
  --ohude-bg: #061015;
  --ohude-bg2: #08141d;
  --ohude-panel: rgba(11, 23, 31, .88);
  --ohude-line: rgba(255, 255, 255, .10);
  --ohude-text: #eaf4fb;
  --ohude-muted: rgba(234, 244, 251, .70);
  --ohude-cyan: #18b6d5;
  --ohude-gold: #d7b14b;
  --ohude-grad: linear-gradient(135deg, var(--ohude-cyan), var(--ohude-gold));
  --ohude-shadow: 0 30px 80px rgba(0, 0, 0, .34);
}

html {
  background: var(--ohude-bg);
}

body {
  background:
    radial-gradient(circle at 12% 4%, rgba(24, 182, 213, .18), transparent 32rem),
    radial-gradient(circle at 90% 0%, rgba(215, 177, 75, .13), transparent 30rem),
    linear-gradient(180deg, var(--ohude-bg) 0%, var(--ohude-bg2) 52%, var(--ohude-bg) 100%) !important;
  color: var(--ohude-text) !important;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: radial-gradient(rgba(255, 255, 255, .08) 1px, transparent 1px);
  background-size: 34px 34px;
  opacity: .14;
}

.announce {
  background: var(--ohude-grad) !important;
  color: #071019 !important;
}

.site-header,
.main-nav,
footer {
  background: rgba(7, 16, 25, .90) !important;
  border-color: var(--ohude-line) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .24) !important;
  backdrop-filter: blur(18px);
}

.hero {
  background:
    radial-gradient(circle at 82% 18%, rgba(24, 182, 213, .22), transparent 28rem),
    linear-gradient(135deg, #061015, #0a2633 58%, #1d2a23) !important;
  color: var(--ohude-text) !important;
}

.search-row form,
.trust div,
.product-card,
.summary,
.checkout-form,
.empty-state,
.success,
.cart-item {
  background: var(--ohude-panel) !important;
  border-color: var(--ohude-line) !important;
  box-shadow: var(--ohude-shadow) !important;
  color: var(--ohude-text) !important;
}

.hero p,
.section-heading > span,
.product-copy > p,
.page-head p,
.footer-grid p,
.copyright,
.cart-info p {
  color: var(--ohude-muted) !important;
}

.eyebrow,
.section-heading h2,
.page-head h1,
.product-copy h3,
.product-bottom strong,
.summary h2,
.cart-info h2,
.success h1 {
  color: var(--ohude-text) !important;
}

.primary-link,
.checkout-link,
.search-row button,
.product-bottom button,
.checkout-form button,
.empty-state a,
.success a,
.cart-link b {
  background: var(--ohude-grad) !important;
  color: #071019 !important;
}

.text-link,
.cart-link,
.menu-btn {
  border-color: rgba(255, 255, 255, .16) !important;
  color: var(--ohude-text) !important;
  background: rgba(255, 255, 255, .06) !important;
}

.main-nav a {
  color: var(--ohude-muted) !important;
}

.main-nav a:hover,
.main-nav a.active {
  color: var(--ohude-text) !important;
  border-color: var(--ohude-gold) !important;
  background: rgba(255, 255, 255, .07) !important;
}

.image-wrap {
  background: rgba(255, 255, 255, .04) !important;
}

.image-wrap span {
  background: rgba(6, 16, 21, .86) !important;
  color: var(--ohude-text) !important;
  border: 1px solid var(--ohude-line);
}

.product-card:hover {
  border-color: rgba(24, 182, 213, .34) !important;
  box-shadow: 0 28px 70px rgba(0, 0, 0, .38) !important;
}

.search-row input,
.checkout-form input,
.checkout-form textarea {
  background: rgba(255, 255, 255, .94) !important;
  color: #102033 !important;
}

#toast {
  background: #071019 !important;
  color: var(--ohude-text) !important;
  border: 1px solid var(--ohude-line);
}
/* End OHUDE store brand theme */
