/* ============================================================
   ENGLISH ACCENT PROVIDER v2 🇬🇧
   Calm manuscript tones — blue-grey ink, soft linen background
   Fully compatible with Harbor‑Delta variable API
   ============================================================ */

/* 1. Accent Variables */
:root .accent-english-v2 {
  --accent-strong: #2f4a73;      /* blue-grey ink */
  --accent-soft:   #f5f5f0;      /* soft linen */
  --accent-title-color: #2f4a73;
  --accent-text: #000000;
}

/* 2. Term Blocks */
.term-block.accent-english-v2 {
  border-left: 4px solid var(--accent-strong);
  background: var(--accent-soft);
  color: var(--accent-text);
  padding: 0.75rem 1rem;
}

.term-block.accent-english-v2 h3 {
  color: var(--accent-title-color);
  margin-top: 0;
}

/* 3. Scripture Popovers */
.scripture-pop.accent-english-v2 {
  background: var(--accent-soft);
  border-left: 4px solid var(--accent-strong);
  padding: 0.75rem 1rem;
  color: var(--accent-text);
}

.scripture-pop-wide.accent-english-v2 {
  background: var(--accent-soft);
  border-left: 6px solid var(--accent-strong);
  padding: 1rem 1.25rem;
  color: var(--accent-text);
}

/* 4. Blockquotes */
blockquote.accent-english-v2 {
  border-left: 4px solid var(--accent-strong);
  background: var(--accent-soft);
  padding: 0.75rem 1rem;
  color: var(--accent-text);
}

blockquote.accent-english-v2 strong {
  color: var(--accent-title-color);
}

/* 5. Crosslinks */
.accent-english-v2 a.crosslink {
  color: var(--accent-title-color) !important;
  border-bottom: 1px dotted var(--accent-strong);
}

.accent-english-v2 a.crosslink:hover {
  color: var(--accent-strong);
  border-bottom-color: var(--accent-strong);
}

/* 6. Inline Utilities */
.eng-term { color: var(--accent-title-color); font-weight: 600; }
.eng-soft-bg { background: var(--accent-soft); }
.eng-strong-text { color: var(--accent-strong); }

/* 7. Manuscript Micro-Utilities */
.eng-scroll-bg { background: var(--accent-soft); padding: 0.5rem; }
.eng-ink { color: var(--accent-strong); }

/* 8. Hover + Focus */
.accent-english-v2 a:hover { color: var(--accent-strong); }
.accent-english-v2 a:focus { outline: 2px solid var(--accent-strong); }

/* 9. Theme Compatibility */
[data-theme="dock"] .accent-english-v2 {
  --dock-accent-border: var(--accent-strong);
  --dock-accent-bg: var(--accent-soft);
  --dock-accent-text: var(--accent-text);
}