:root {
  --navy: #0f1724;
  --navy-dark: #0a0f18;
  --navy-light: #1e2a3a;
  --gold: #c9a84c;
  --gold-light: #d4b85e;
  --cream: #f8f6f0;
}

.text-navy { color: var(--navy); }
.text-navy-dark { color: var(--navy-dark); }
.text-navy-light { color: var(--navy-light); }
.text-gold { color: var(--gold); }
.bg-navy { background-color: var(--navy); }
.bg-navy-dark { background-color: var(--navy-dark); }
.bg-gold { background-color: var(--gold); }
.bg-gold-light { background-color: var(--gold-light); }
.bg-cream { background-color: var(--cream); }
.border-gold { border-color: var(--gold); }
.hover\:text-gold:hover { color: var(--gold); }

.font-display { font-family: 'Playfair Display', Georgia, serif; }
html { scroll-behavior: smooth; }
body { font-family: 'Inter', system-ui, -apple-system, sans-serif; }

@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: translateY(0); }
}
section { animation: fadeInUp 0.6s ease-out; }
@media (prefers-reduced-motion: reduce) { section { animation: none; } }

.h-18 { height: 4.5rem; }
.pt-18 { padding-top: 4.5rem; }