/* ── Font imports ──────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=UnifrakturMaguntia&family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700&family=IM+Fell+English:ital@0;1&family=Special+Elite&display=swap');

/* ── Font roles ────────────────────────────────────────────── */
:root {
  --font-display:  'UnifrakturMaguntia', cursive;   /* Masthead only */
  --font-headline: 'Playfair Display', serif;        /* Section heads, big type */
  --font-body:     'IM Fell English', serif;         /* All body copy */
  --font-mono:     'Special Elite', monospace;       /* Labels, datelines, tags */
}

/* ── Base type ─────────────────────────────────────────────── */
html {
  font-size: 100%;
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-body);
  font-size: var(--text-base);
  line-height: 1.7;
  color: var(--color-ink);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4 {
  font-family: var(--font-headline);
  line-height: 1.15;
  color: var(--color-ink);
}

/* ── Focus styles (WCAG AA) ───────────────────────────────── */
:focus-visible {
  outline: 2px solid var(--color-pop);
  outline-offset: 3px;
}

/* ── Selection ─────────────────────────────────────────────── */
::selection { background: rgba(26,17,8,.12); }