* {
  box-sizing: border-box;
}
html,
body {
  overflow-x: hidden;
}
:root {
  --gold: #d4af37;
  --dark-bg: #1c1c1c;
  --ivory: #f8f8f2;
  --burgundy: #5c1a1b;
  --platinum: #e5e4e2;
}

body {
  background-color: var(--dark-bg);
  color: var(--ivory);
  font-family: "Segoe UI", sans-serif;
  scroll-behavior: smooth;
}

.text-gold {
  color: var(--gold) !important;
}

.btn-gold {
  background-color: var(--gold);
  color: #000;
  border: none;
}

.btn-gold:hover {
  background-color: #c39d2d;
  color: #fff;
}
.hero-section {
  height: 100vh;
  background: linear-gradient(rgba(28, 28, 28, 0.7), rgba(28, 28, 28, 0.7)),
    url("assets/img/hero.jpg") center/cover no-repeat;
  padding-top: 120px;
}

.custom-navbar {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
  background-color: #121212 !important;
}
.brand-logo {
  filter: brightness(0) invert(1);
  opacity: 0.8;
  transition: 0.3s ease;
}

.brand-logo:hover {
  opacity: 1;
  transform: scale(1.05);
}
.container {
  max-width: 900px;
}
.btn-optout {
  background-color: #d4af37;
  color: #000;
  border: none;
}
.btn-optout:hover {
  background-color: #c39d2d;
  color: #fff;
}
.footer a:hover {
  text-decoration: underline;
  color: var(--gold);
}