/* ============================================================
   Brownsett Personal Estate Agents — base element styles
   ============================================================ */
body {
  margin: 0;
  background: var(--surface-page);
  color: var(--text-body);
  font-family: var(--font-sans);
  font-size: var(--text-base);
  line-height: var(--leading-normal);
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3 {
  font-family: var(--font-display);
  color: var(--text-heading);
  font-weight: var(--weight-medium);
  line-height: var(--leading-snug);
  margin: 0 0 .4em;
}
a { color: var(--gold-700); text-decoration: none; transition: color var(--dur-fast) var(--ease-out); }
a:hover { color: var(--aubergine-600); }

/* Small tracked gold eyebrow that opens sections */
.mb-eyebrow {
  font-family: var(--font-sans);
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--gold-700);
}
/* The BROWNSETT wordmark set in type (prefer the PNG asset where possible) */
.mb-wordmark {
  font-family: var(--font-wordmark);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wordmark);
  color: var(--aubergine-600);
}
.mb-wordmark .stop { color: var(--gold-500); }
.mb-descriptor {
  font-family: var(--font-sans);
  text-transform: uppercase;
  letter-spacing: var(--tracking-descriptor);
  color: var(--gold-700);
}
/* Script accent — reserved for "Outstanding results." */
.mb-script { font-family: var(--font-script); color: var(--gold-500); }