/* OHUDE unified brand theme - cyan/gold identity */
:root {
  --ohude-bg: #061015;
  --ohude-bg-2: #08141d;
  --ohude-panel: rgba(11, 23, 31, .86);
  --ohude-panel-strong: rgba(9, 21, 29, .94);
  --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-bg-2) 52%, var(--ohude-bg) 100%) !important;
  color: var(--ohude-text) !important;
}

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

a {
  color: inherit;
}

.notice,
.announcement,
.eyebrow,
.kicker,
.tag,
.stock,
.status,
.pill {
  background: var(--ohude-grad) !important;
  color: #071019 !important;
  border-color: rgba(255, 255, 255, .18) !important;
}

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

.brand,
.brand *,
.brand-text,
.brand small,
.brand b,
.site-header a,
.header a,
nav a {
  color: var(--ohude-text) !important;
}

.mark,
.brand-mark,
.logo,
.icon,
.card i,
.brand i {
  background: var(--ohude-grad) !important;
  color: #071019 !important;
  border-color: rgba(255, 255, 255, .16) !important;
}

h1,
h2,
h3,
strong,
.title,
.section-title {
  color: var(--ohude-text) !important;
}

p,
small,
.sub,
.muted,
.hint,
.article-body,
.card p,
.card small,
.site-footer,
footer {
  color: var(--ohude-muted) !important;
}

.hero,
.section,
.cards article,
.card,
.platform,
.panel,
.intro,
.detail-card,
.article-detail,
.delivery article,
.specs,
details,
.cta,
footer,
.site-footer {
  background: var(--ohude-panel) !important;
  border-color: var(--ohude-line) !important;
  box-shadow: var(--ohude-shadow) !important;
  color: var(--ohude-text) !important;
}

.pale,
.section.pale {
  background:
    radial-gradient(circle at 80% 20%, rgba(24, 182, 213, .12), transparent 24rem),
    var(--ohude-panel-strong) !important;
}

.values {
  background:
    radial-gradient(circle at 12% 20%, rgba(24, 182, 213, .12), transparent 24rem),
    var(--ohude-panel-strong) !important;
  border-color: var(--ohude-line) !important;
  box-shadow: var(--ohude-shadow) !important;
}

.values article {
  background: rgba(6, 16, 21, .82) !important;
  border-color: rgba(255, 255, 255, .10) !important;
  color: var(--ohude-text) !important;
}

.values article span {
  color: var(--ohude-cyan) !important;
}

.values article strong {
  color: var(--ohude-text) !important;
}

.values article p {
  color: var(--ohude-muted) !important;
}

.primary,
.secondary,
.wa,
.wide,
.actions a,
.button,
button:not(.tile):not(.gem):not(.cell) {
  border-color: rgba(255, 255, 255, .16) !important;
}

.primary,
.wa,
.wide,
.actions .primary,
.cta a,
.card.live .status {
  background: var(--ohude-grad) !important;
  color: #071019 !important;
  box-shadow: 0 18px 44px rgba(24, 182, 213, .18) !important;
}

.secondary,
.actions .secondary,
button:not(.tile):not(.gem):not(.cell) {
  background: rgba(255, 255, 255, .06) !important;
  color: var(--ohude-text) !important;
}

.grid .card,
.cards article {
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.grid .card:hover,
.cards article:hover,
.platform:hover {
  transform: translateY(-4px);
  border-color: rgba(24, 182, 213, .34) !important;
  box-shadow: 0 28px 70px rgba(0, 0, 0, .38) !important;
}

img {
  border-color: rgba(255, 255, 255, .10) !important;
}

/* Keep game gems/tiles visually intact */
.tile,
.gem,
.board button,
.cell {
  color: inherit;
}

@media (max-width: 760px) {
  body {
    background:
      radial-gradient(circle at 20% 0%, rgba(24, 182, 213, .20), transparent 20rem),
      linear-gradient(180deg, var(--ohude-bg) 0%, var(--ohude-bg-2) 100%) !important;
  }
}
/* End OHUDE unified brand theme */