:root {
  --espresso: #1a1110;
  --cacao: #231a18;
  --champagne: #c5a059;
  --gold: #d4af37;
  --gold-light: #e8c872;
  --ivory: #fdfbf7;
}

body {
  background-color: var(--espresso);
}

.gold-gradient-text {
  background: linear-gradient(135deg, #e8c872 0%, #d4af37 35%, #c5a059 70%, #a8893f 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.btn-gold {
  background: linear-gradient(135deg, #e8c872 0%, #d4af37 45%, #c5a059 100%);
  box-shadow: 0 8px 32px rgba(212, 175, 55, 0.25);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.btn-gold:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 40px rgba(212, 175, 55, 0.35);
}

.btn-outline-gold {
  border: 1px solid rgba(197, 160, 89, 0.6);
  transition: border-color 0.2s ease, color 0.2s ease;
}

.btn-outline-gold:hover {
  border-color: var(--gold);
  color: var(--gold-light);
}

.hero-overlay {
  background: linear-gradient(
    90deg,
    rgba(26, 17, 16, 0.92) 0%,
    rgba(26, 17, 16, 0.75) 45%,
    rgba(26, 17, 16, 0.35) 100%
  );
}

.nav-link {
  letter-spacing: 0.2em;
  transition: color 0.2s ease;
}

.nav-link:hover,
.nav-link.is-active {
  color: var(--gold-light);
}

.form-field {
  border: 1px solid rgba(197, 160, 89, 0.25);
  background: rgba(255, 255, 255, 0.04);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.form-field:focus {
  border-color: var(--champagne);
  box-shadow: 0 0 0 3px rgba(197, 160, 89, 0.12);
  outline: none;
}

.section-divider {
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(197, 160, 89, 0.5), transparent);
}

.card-glass {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(197, 160, 89, 0.15);
  backdrop-filter: blur(12px);
}

.logo-block {
  align-items: stretch;
  min-width: 0;
}

.logo-tagline {
  display: block;
  width: 100%;
  line-height: 1.2;
  white-space: nowrap !important;
  overflow: hidden;
}

.logo-mark {
  isolation: isolate;
  min-width: 0;
}

.logo-mark img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-width: 0;
  mix-blend-mode: lighten;
}

.hero-bg {
  background-image:
    url("/images/hero.jpg"),
    url("https://images.unsplash.com/photo-1519741497674-611481863552?auto=format&fit=crop&w=1920&q=80");
  background-size: cover;
  background-position: center;
}