:root {
  --bg: #FAF8F4;
  --panel: #F2EFE8;
  /* From the moodboard palette. --panel above (#F2EFE8) is only 3-4 RGB
     points off --bg (#FAF8F4) — visually identical as a section background,
     which is why the previous "give this section a background" fix looked
     like it did nothing. --linen is the moodboard's actual contrast tone. */
  --linen: #B4AFA0;
  --linen-light: #EDE9E0;
  --ink: #302D28;
  --nav-ink: #3D3A32;
  --ink-soft: #5C574C;
  --line: rgba(48, 45, 40, 0.13);
  --accent: #8A7150;

  --font-display: 'Cormorant Garamond', serif;   /* wordmark, Signature titles, body copy */
  --font-exclusive: 'Fraunces', serif;             /* Exclusive collection titles only */
  --font-ui: 'Jost', sans-serif;                   /* nav, labels, UI chrome */
}

* { margin: 0; padding: 0; box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  background: var(--bg);
  color: var(--ink);
  font-family: var(--font-ui);
  -webkit-font-smoothing: antialiased;
}

img { max-width: 100%; display: block; }

a { color: inherit; text-decoration: none; }

/* Collection-driven title typefaces — used by includes/image-card.php */
.title-signature {
  font-family: var(--font-display);
  font-style: italic;
  font-weight: 400;
}
.title-exclusive {
  font-family: var(--font-exclusive);
  font-weight: 400;
}

.eyebrow {
  font-family: var(--font-ui);
  font-size: 11px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--accent);
}