/* DNDB brand theme. The established layout remains unchanged. */
:root {
  --bg: #0a0a09;
  --bg-deep: #050505;
  --surface: rgba(20, 19, 14, 0.92);
  --surface-soft: rgba(255, 216, 38, 0.055);
  --surface-strong: #17150d;
  --text: #fffdf3;
  --muted: #d8d1b4;
  --line: rgba(255, 216, 38, 0.18);
  --accent: #ffd400;
  --accent-strong: #e8ad00;
  --warning: #ffd400;
  --info: #ffe873;
  --header-text: #fffdf3;
  --header-muted: #d9cc8c;
  --focus: #fff16a;
}

body {
  background:
    linear-gradient(180deg, rgba(4, 4, 4, 0.72) 0%, rgba(13, 12, 8, 0.72) 48%, rgba(4, 4, 4, 0.82) 100%),
    radial-gradient(circle at 16% 23%, rgba(255, 210, 0, 0.11), transparent 35%),
    radial-gradient(circle at 84% 74%, rgba(255, 190, 0, 0.10), transparent 38%),
    url("../brand-body-texture.png") center top / 2172px auto repeat-y,
    #050505;
}

.site-header {
  background:
    linear-gradient(90deg, rgba(4, 4, 4, 0.2) 0%, rgba(8, 8, 7, 0.3) 44%, rgba(5, 5, 5, 0.72) 100%),
    url("../brand-header-texture.png") center 52% / cover no-repeat,
    #08090b;
  border-bottom-color: rgba(255, 212, 0, 0.42);
  box-shadow: inset 0 -1px 0 rgba(255, 216, 38, 0.18), 0 12px 34px rgba(255, 190, 0, 0.08);
}

.site-header .header-inner {
  min-height: clamp(142px, 8.5vw, 168px);
}

.site-header .brand {
  width: clamp(380px, 34vw, 590px);
  min-height: clamp(104px, 6.8vw, 132px);
}

.site-header .brand-mark {
  min-height: inherit;
  filter: drop-shadow(0 14px 30px rgba(255, 196, 0, 0.14));
}

.site-header .desktop-nav {
  background: rgba(7, 7, 6, 0.68);
  border-color: rgba(255, 216, 38, 0.34);
}

.site-header .desktop-nav a,
.site-header .mobile-nav summary {
  color: #fffdf3;
}

.site-header .desktop-nav a:hover,
.site-header .desktop-nav a[aria-current="page"] {
  color: #ffd400;
}

.site-header .mobile-nav summary {
  background: rgba(8, 8, 7, 0.9);
  border-color: rgba(255, 216, 38, 0.58);
}

.button-primary {
  color: #11100a;
  background: linear-gradient(135deg, #ffe56a 0%, #ffd400 55%, #f0b600 100%);
  border-color: #ffe873;
}

.card-kicker,
.text-link,
.eyebrow,
.brand-country {
  color: #ffe25c;
}

.panel,
.card,
.prose,
.faq-item,
.trust-note {
  border-color: rgba(255, 216, 38, 0.18);
}

.trust-note {
  color: #f2eac3;
  background: rgba(255, 212, 0, 0.07);
}

.status-panel {
  background: linear-gradient(145deg, rgba(49, 41, 8, 0.88), rgba(17, 16, 11, 0.96));
  border-color: rgba(255, 216, 38, 0.22);
}

.status-row {
  background: rgba(255, 216, 38, 0.045);
  border-color: rgba(255, 216, 38, 0.14);
}

.address-box,
.tag-list li,
.mirror-icon {
  border-color: rgba(255, 216, 38, 0.14);
}

.button:disabled:hover,
.button[aria-disabled="true"]:hover {
  background: linear-gradient(135deg, rgba(255, 229, 106, 0.34), rgba(232, 173, 0, 0.46));
  border-color: rgba(255, 216, 38, 0.44);
}

@media (max-width: 900px) {
  .site-header .brand {
    width: min(390px, calc(100% - 64px));
    min-height: 88px;
  }
}

@media (max-width: 680px) {
  .site-header .brand {
    width: min(278px, calc(100% - 58px));
    min-height: 76px;
  }
}