/* ─── Google Fonts ─────────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&family=Cormorant+Garamond:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&display=swap');

/* ─── Base reset / typography ──────────────────────────────────────────── */
html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', sans-serif;
  background: #fbfaf8;
  color: #0a1628;
  margin: 0;
  padding: 0;
}

/* ─── Font helpers ─────────────────────────────────────────────────────── */
.font-serif      { font-family: 'Cinzel', serif; }
.font-cormorant  { font-family: 'Cormorant Garamond', serif; }

/* ─── Brand colour helpers ─────────────────────────────────────────────── */
:root {
  --primary:  #0a1628;
  --accent:   #c9a84c;
  --cream:    #f5f0eb;
}

/* ─── Divider helpers ──────────────────────────────────────────────────── */
.divide-cols > * + * {
  border-top: 1px solid rgba(10, 22, 40, 0.1);
}
@media (min-width: 768px) {
  .divide-cols > * + * {
    border-top: none;
    border-left: 1px solid rgba(10, 22, 40, 0.1);
  }
}

.divide-cols-dark > * + * {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
@media (min-width: 768px) {
  .divide-cols-dark > * + * {
    border-top: none;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
  }
}

/* ─── Form inputs ──────────────────────────────────────────────────────── */
.field-input {
  width: 100%;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.875rem;
  padding: 0.75rem 1rem;
  outline: none;
  transition: border-color 0.2s;
  font-family: 'Inter', sans-serif;
}
.field-input::placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.field-input:focus {
  border-color: #c9a84c;
}
textarea.field-input {
  resize: none;
}

/* ─── Mobile menu transition ───────────────────────────────────────────── */
#mobile-menu {
  transition: opacity 0.2s ease;
}