/* Color Palette Variables */
:root {
  --bg-dark: #0b0808;
  --bg-card: #140b0b;
  --border-maroon: #3a1a1a;
  --gold-primary: #d4af37;
  --gold-hover: #f3e5ab;
  --text-muted: #a39393;
}

body {
  background-color: var(--bg-dark);
  color: #e5e7eb;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Custom Gold Accent Typography */
.text-gold {
  color: var(--gold-primary);
}

.border-maroon {
  border-color: var(--border-maroon);
}

/* Custom Input Styling for Forms */
input[type="text"],
input[type="email"],
input[type="number"],
select,
textarea {
  background-color: #1a0d0d !important;
  border: 1px solid var(--border-maroon) !important;
  color: #f3f4f6 !important;
  border-radius: 0.375rem;
  padding: 0.75rem 1rem;
  width: 100%;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

input:focus, 
select:focus, 
textarea:focus {
  outline: none !important;
  border-color: var(--gold-primary) !important;
  box-shadow: 0 0 8px rgba(212, 175, 55, 0.2);
}

/* Custom Button Metallic Gradient */
.btn-gold {
  background: linear-gradient(135deg, #d4af37 0%, #aa820a 100%);
  color: #0b0808;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition: all 0.3s ease;
}

.btn-gold:hover {
  background: linear-gradient(135deg, #f3e5ab 0%, #d4af37 100%);
  box-shadow: 0 0 12px rgba(212, 175, 55, 0.4);
}