/* =========================
   Brand Color Variables
   ========================= */
:root {
  --bg-cream: #FFF6E8;
  --brand-gold: #C47C18;
  --brand-gold-dark: #BB6D01;
  --text-dark: #222222;
}

/* =========================
   Base Layout
   ========================= */
body {
  margin: 0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background-color: var(--bg-cream);
  color: var(--text-dark);
}

/* =========================
   Header / Logo
   ========================= */
.site-header {
  padding: 15px;
}

.site-header .logo {
  max-width: 120px;
  height: auto;
  display: block;
}

/* =========================
   Divider
   ========================= */
.brand-divider {
  border: none;
  height: 3px;
  background-color: var(--brand-gold);
  margin: 0;
  width: 100%;
}

/* =========================
   Main Content
   ========================= */
.wrap {
  min-height: calc(100vh - 100px);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px 16px;
}

/* =========================
   Headings
   ========================= */
h1 {
  margin: 18px 0 0;
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 800;
  letter-spacing: 0.2px;
  text-align: center;
  color: var(--brand-gold);
}

h2, h3 {
  color: var(--brand-gold-dark);
}