:root {
  color-scheme: dark;
  --hz-bg: #0a0a14;
  --hz-surface: rgba(17, 24, 39, 0.82);
  --hz-surface-soft: rgba(255, 255, 255, 0.05);
  --hz-border: rgba(255, 255, 255, 0.10);
  --hz-text: #f3f4f6;
  --hz-muted: #9ca3af;
  --hz-amber: #f59e0b;
  --hz-purple: #8b5cf6;
  --hz-radius: 1rem;
}

html { scroll-behavior: smooth; }
body {
  background: var(--hz-bg) !important;
  color: var(--hz-text);
  font-family: "Inter", sans-serif !important;
  margin: 0;
}
.font-display { font-family: "Playfair Display", serif; }
.bg-hero,
.hero-bg,
.mayan-hero {
  background: linear-gradient(160deg, #0f0c29 0%, #1a1a3e 40%, #24243e 100%) !important;
}
.nav-blur {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
::selection { background: rgba(251, 191, 36, 0.30); color: #fff; }
:focus-visible { outline: 2px solid var(--hz-amber); outline-offset: 3px; }
button, a { -webkit-tap-highlight-color: transparent; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}