:root {
  --slotxo-gold: #c89b3c;
  --slotxo-gold-light: #ead080;
  --slotxo-charcoal: #171717;
  --slotxo-gray: #2b2b2b;
  --slotxo-soft: #f3efe6;
}
body {
  background:
    radial-gradient(
      circle at 80% 0%,
      rgba(200, 155, 60, 0.12),
      transparent 28%
    ),
    linear-gradient(135deg, #f7f5f0, #e9e5dc) !important;
}
body.dark {
  background:
    radial-gradient(
      circle at 80% 0%,
      rgba(200, 155, 60, 0.12),
      transparent 30%
    ),
    linear-gradient(135deg, #111, #242424) !important;
}
.sidebar,
.mobile-menu-panel {
  background: linear-gradient(180deg, #1c1c1c, #292929) !important;
  border-color: rgba(200, 155, 60, 0.28) !important;
}
.nav a.active,
.nav a:hover,
.mobile-nav a.active,
.mobile-nav a:hover {
  background: linear-gradient(
    135deg,
    rgba(200, 155, 60, 0.24),
    rgba(234, 208, 128, 0.08)
  ) !important;
  color: #f0d58a !important;
}
.btn,
.btn-primary,
.register-btn {
  background: linear-gradient(135deg, #b6862f, #e0bd67) !important;
  color: #191919 !important;
  box-shadow: 0 12px 30px rgba(181, 134, 47, 0.28) !important;
}
.btn:hover,
.btn-primary:hover,
.register-btn:hover {
  filter: brightness(1.08);
}
.section-title h2,
.page-hero h1,
.hero h1 {
  background: linear-gradient(90deg, #2c2c2c, #b98b33, #e6c76f);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
body.dark .section-title h2,
body.dark .page-hero h1,
body.dark .hero h1 {
  background: linear-gradient(90deg, #fff, #e4c56e, #a97d2d);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.card,
.game-card,
.article-card,
.promo-card,
.seo-block,
.contact-card,
.form-card {
  border-color: rgba(184, 139, 52, 0.22) !important;
  box-shadow: 0 18px 45px rgba(44, 38, 28, 0.1) !important;
}
.eyebrow,
.chip.active,
.filter.active,
.provider.active {
  color: #9a7028 !important;
  border-color: rgba(184, 139, 52, 0.35) !important;
  background: rgba(200, 155, 60, 0.12) !important;
}
a {
  accent-color: #c89b3c;
}
.brand-mini {
  background: linear-gradient(135deg, #9e742b, #e4c86f) !important;
  color: #171717 !important;
}
::selection {
  background: #c89b3c;
  color: #151515;
}