/* ============================================================
   base.css — shared reset and brand tokens for elizabeth.co.uk
   Loaded on every page type (property, home, town, county …)
   ============================================================ */

/* ── Reset ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* ── Brand colour tokens ── */
:root {
  --cream:   #F5F0EA;
  --white:   #FFFFFF;
  --ink:     #1A1614;
  --muted:   #6B5F55;
  --accent:  #3D2B1F;
  --gold:    #A8845A;
  --border:  #DDD4C8;
  --tag-bg:  #EDE7DF;
}

/* ── Base body ── */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  background: var(--cream);
  color: var(--ink);
}

/* ── Shared brand element ── */
.site-brand {
  display: flex;
  align-items: center;
  text-decoration: none;
  flex-shrink: 0;
}

.brand-text {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}

.brand-domain {
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: normal;
  color: var(--accent);
}

.brand-tagline {
  color: var(--muted);
}

/* ── Tags / badges ── */
.tag {
  background: var(--tag-bg);
  color: var(--muted);
  border-radius: 20px;
  border: 1px solid var(--border);
}

/* ── Breadcrumb ── */
.breadcrumb a {
  color: var(--gold);
  text-decoration: none;
}

.breadcrumb a:hover { text-decoration: underline; }