/* ─── Colour tokens ─────────────────────────────────────────── */
:root {
  --ink:        #1a1916;  /* primary text, dark backgrounds    */
  --ink-mid:    #4a4845;  /* body text, secondary              */
  --ink-soft:   #8a8884;  /* captions, hints, placeholders     */
  --cream:      #f8f5f0;  /* page background                   */
  --cream-mid:  #ede8df;  /* borders, dividers, subtle fills   */
  --gold:       #b8924a;  /* primary accent, headline tints    */
  --gold-soft:  #d4b07a;  /* secondary gold, icons             */
}

/* ─── Base ──────────────────────────────────────────────────── */
body {
  font-family: 'DM Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
  background-color: var(--cream);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
}

/* ─── Headings ──────────────────────────────────────────────── */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 500;
  line-height: 1.15;
  color: var(--ink);
}

h1 { font-size: clamp(2.4rem, 5vw, 4rem); }
h2 { font-size: clamp(1.8rem, 3.5vw, 3rem); }
h3 { font-size: clamp(1.3rem, 2.5vw, 1.75rem); }
h4 { font-size: 1.25rem; }

h1 em, h2 em, h3 em {
  font-style: italic;
  color: var(--gold);
}

/* ─── Body text ─────────────────────────────────────────────── */
p {
  color: var(--ink-mid);
  margin-bottom: 1.25rem;
  max-width: 65ch;
}

/* ─── Links ─────────────────────────────────────────────────── */
a {
  color: var(--gold);
  text-decoration: none;
  transition: color 0.2s;
}
a:hover { color: var(--ink); }

/* ─── Buttons ───────────────────────────────────────────────── */
.wp-block-button__link,
.btn-primary,
button[type="submit"] {
  background-color: var(--ink) !important;
  color: var(--cream) !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0.8rem 2rem !important;
  transition: background-color 0.2s !important;
  cursor: pointer;
}
.wp-block-button__link:hover,
.btn-primary:hover,
button[type="submit"]:hover {
  background-color: var(--gold) !important;
  color: var(--cream) !important;
}

.wp-block-button.is-style-outline .wp-block-button__link {
  background: none !important;
  color: var(--ink) !important;
  border: 0.5px solid var(--ink) !important;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background: var(--ink) !important;
  color: var(--cream) !important;
}

/* ─── Navigation ────────────────────────────────────────────── */
.wp-block-navigation,
nav,
#site-navigation {
  font-family: 'DM Sans', sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.wp-block-navigation a,
nav a {
  color: var(--ink-mid);
  text-decoration: none;
}
.wp-block-navigation a:hover,
nav a:hover {
  color: var(--gold);
}

/* ─── Site title / logo text ────────────────────────────────── */
.wp-block-site-title,
.site-title,
.custom-logo-link {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink);
  text-decoration: none;
}

/* ─── Blockquote ────────────────────────────────────────────── */
blockquote,
.wp-block-quote {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.35rem;
  font-style: italic;
  font-weight: 400;
  color: var(--ink);
  border-left: 1.5px solid var(--gold);
  border-right: none;
  padding: 0.25rem 0 0.25rem 1.5rem;
  margin: 2rem 0;
  background: none;
}

blockquote p,
.wp-block-quote p {
  color: var(--ink);
  font-size: inherit;
}

/* ─── Horizontal rule / divider ─────────────────────────────── */
hr,
.wp-block-separator {
  border: none;
  border-top: 0.5px solid var(--cream-mid);
  margin: 3rem 0;
}

/* ─── Labels / eyebrow text ─────────────────────────────────── */
.eyebrow {
  font-size: 0.7rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--gold);
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  margin-bottom: 0.75rem;
}

/* ─── Tags / badges ─────────────────────────────────────────── */
.tag {
  display: inline-block;
  font-size: 0.65rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--ink-mid);
  border: 0.5px solid var(--cream-mid);
  background: var(--cream-mid);
  padding: 0.3rem 0.65rem;
  margin: 0.2rem;
}

/* ─── Cards ─────────────────────────────────────────────────── */
.card {
  background: #ffffff;
  border: 0.5px solid var(--cream-mid);
  padding: 2rem;
}

/* ─── Inputs / forms ────────────────────────────────────────── */
input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
select {
  font-family: 'DM Sans', sans-serif;
  font-size: 0.9rem;
  color: var(--ink);
  background: #ffffff;
  border: 0.5px solid var(--cream-mid);
  border-radius: 0;
  padding: 0.75rem 1rem;
  width: 100%;
  transition: border-color 0.2s;
  outline: none;
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--gold);
}

/* ─── Footer ────────────────────────────────────────────────── */
footer,
.site-footer {
  border-top: 0.5px solid var(--cream-mid);
  padding: 2.5rem 4rem;
  font-size: 0.8rem;
  color: var(--ink-soft);
  font-family: 'DM Sans', sans-serif;
}

/* ─── Utility classes ───────────────────────────────────────── */
.text-gold  { color: var(--gold); }
.text-soft  { color: var(--ink-soft); }
.text-serif { font-family: 'Cormorant Garamond', serif; }
.text-upper { text-transform: uppercase; letter-spacing: 0.12em; font-size: 0.75rem; }
.bg-cream   { background-color: var(--cream); }
.bg-ink     { background-color: var(--ink); color: var(--cream); }

.wp-block-button.is-style-fill .wp-block-button__link {
  background-color: #b8924a !important;
  color: #f8f5f0 !important;
}

.wp-block-post-content {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.wp-block-post-content {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.wp-block-template-part {
  margin-bottom: 0 !important;
}

body .wp-site-blocks {
  padding-top: 0 !important;
}

.wp-block-post-title {
  display: none !important;
}

body, p, a, li, input, button, nav {
  font-family: 'DM Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6, blockquote {
  font-family: 'Cormorant Garamond', Georgia, serif;
}

.site-header {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}