/* Force visible Gold / Chrome surfaces after page CSS, pai-aesthetics, and ref-header. */
html[data-theme] body {
  background: var(--bg) !important;
  color: var(--text) !important;
}
html[data-theme] a { color: var(--gold-strong); }
html[data-theme] a:hover { color: var(--gold); }
html[data-theme] .cta,
html[data-theme] .nav-cta,
html[data-theme] a.nav-cta,
html[data-theme] .footer-email button,
html[data-theme] button.cta,
html[data-theme] .orb-intro-send,
html[data-theme] .pai-hero-send {
  background: linear-gradient(150deg, var(--cta-from), var(--cta-to)) !important;
  color: var(--on-accent) !important;
}
html[data-theme] .cta:hover,
html[data-theme] .nav-cta:hover,
html[data-theme] a.nav-cta:hover {
  color: var(--on-accent) !important;
}
html[data-theme] .gold-text {
  background: linear-gradient(150deg, var(--gold-pale), var(--gold) 55%, var(--gold-deep));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
html[data-theme] .eyebrow,
html[data-theme] .hero-eyebrow,
html[data-theme] .footer-h {
  color: var(--gold);
}
html[data-theme] .nav {
  background: color-mix(in srgb, var(--bg) 68%, transparent);
  border-bottom-color: var(--border);
}
html[data-theme] .innerface-block {
  background: var(--bg);
}
html[data-theme] .btn-gold,
html[data-theme] button.primary,
html[data-theme] input[type="submit"] {
  background: linear-gradient(150deg, var(--cta-from), var(--cta-to));
  color: var(--on-accent);
  border-color: var(--gold);
}