/* ── Editorial Literary — archetype theme ────────────────────────────────────
   Target: Strong Words, LRB, Granta, niche cultural magazines.
   Character: serif body throughout, generous leading, restrained palette,
   forest-green primary, warm-gold accent, italic accents.
   ─────────────────────────────────────────────────────────────────────────── */

/* Google Fonts: EB Garamond for all text roles */
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&display=swap');

:root {
  /* Colour palette */
  --theme-bg:           #FFFFFF;  /* white reading view (reader-ux.md §5) */
  --theme-nav-bg:       #F0EDE4;
  --theme-nav-bg-2:     #E5E0D5;
  --theme-ink:          #1B1918;
  --theme-ink-deep:     #0F0D0C;
  --theme-primary:      #3B5E3F;   /* forest green */
  --theme-primary-deep: #2A4B2D;
  --theme-primary-soft: #5E8362;
  --theme-accent:       #C49A40;   /* warm gold */
  --theme-accent-soft:  #DFC07A;
  --theme-muted:        #6B635A;
  --theme-rule:         #D6CEBC;
  --theme-rule-soft:    #E4DFD2;

  /* Typography — all-serif, EB Garamond */
  --theme-font-display:   'Source Serif 4', 'EB Garamond', Georgia, serif;
  --theme-font-editorial: 'Source Serif 4', 'EB Garamond', Georgia, serif;
  --theme-font-body:      'Source Serif 4', 'EB Garamond', Georgia, serif;
  --theme-font-mono:      'Courier New', Courier, monospace;
}

/* ── Structural overrides ──────────────────────────────────────────────────── */

/* Nav pane */
nav[aria-label="Issue navigation"] {
  background-color: var(--theme-nav-bg) !important;
}

/* Article reading area */
main#article-pane {
  background-color: var(--theme-bg) !important;
}

/* Article body — generous leading for literary reading */
.article-body {
  font-size: 16px !important;
  line-height: 1.75 !important;
  font-family: var(--theme-font-editorial) !important;
}

/* Article title — generous, unhurried */
.article-title {
  font-size: 2.25rem !important;
  letter-spacing: -0.025em !important;
  font-family: var(--theme-font-editorial) !important;
}

/* Kicker / meta — spaced caps in gold */
.meta-line {
  letter-spacing: 0.22em !important;
  color: var(--theme-accent, #C49A40);
}

/* Pull quote — no left rule, larger italic */
.pull-quote {
  border-left: none !important;
  padding-left: 0 !important;
  font-size: 1.5rem !important;
  text-align: center !important;
  border-top: 1px solid var(--theme-rule) !important;
  border-bottom: 1px solid var(--theme-rule) !important;
  padding: 1.5rem 0 !important;
  margin: 2.5rem 0 !important;
}

/* Article lede — slightly smaller, more measured */
.article-lede {
  font-size: 1.25rem !important;
  line-height: 1.55 !important;
  font-family: var(--theme-font-editorial) !important;
  font-style: italic !important;
}

/* Section divider — gold dot, not primary */
.article-body-region .w-1\.5 {
  background-color: var(--theme-accent, #C49A40) !important;
}

/* Tailwind colour class overrides */
.bg-linen   { background-color: var(--theme-nav-bg)   !important; }
.bg-linen-2 { background-color: var(--theme-nav-bg-2) !important; }
.bg-paper   { background-color: var(--theme-bg)        !important; }
.text-espresso { color: var(--theme-ink)     !important; }
.text-terracotta,
.text-terracotta-deep { color: var(--theme-primary) !important; }
.text-muted { color: var(--theme-muted) !important; }
.border-rule      { border-color: var(--theme-rule)      !important; }
.border-rule-soft { border-color: var(--theme-rule-soft) !important; }
.border-l-terracotta { border-left-color: var(--theme-primary) !important; }
.border-terracotta   { border-color: var(--theme-primary) !important; }