:root {
  --primary: #c9a84c;
  --primary-hover: #e0bf5f;
  --secondary: #7b2fbe;
  --bg-base: #0d0a1a;
  --bg-surface: #16112b;
  --bg-elevated: #1e1740;
  --text-primary: #f5f0ff;
  --text-secondary: #a99bc8;
  --success: #34d399;
  --border: #2d2552;
  --gradient-wash: linear-gradient(135deg, #7b2fbe 0%, #c9a84c 100%);
  --gradient-gold: linear-gradient(135deg, #c9a84c 0%, #e0bf5f 100%);
  --glow: rgba(201, 168, 76, 0.25);
  --font-display: "Rajdhani", sans-serif;
  --font-body: "Inter", sans-serif;
  --font-ui: "Inter", sans-serif;
}

.nav-logo img {
  width: 160px;
}

.mobile-menu-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.58);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity 0.3s ease,
    visibility 0.3s ease;
  z-index: 100;
}

.mobile-menu-overlay.open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}