/* ═══════════════════════════════════════════════════════════════
   FluentPath — Shared Theme
   ─────────────────────────────────────────────────────────────
   Design tokens used across all pages. Import before page CSS.
   ═══════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&family=Source+Serif+4:opsz,wght@8..60,300;8..60,400;8..60,600&display=swap');

:root {
  --ink: #1a1208;
  --paper: #f5f0e8;
  --cream: #ede8dc;
  --rust: #b8471e;
  --gold: #c9933a;
  --rule: #c8bfa8;
  --muted: #5a5040;  /* darkened from #6b5f4e for WCAG AA 4.5:1 on --paper */
  --green: #2e6e45;
  --green-bg: #eaf3ec;
  --blue: #1e4d8c;
  --blue-bg: #eaf0fb;
  --purple: #7b3fa0;
  --purple-bg: #f3edf8;
}

/* ── Global Focus Indicators ──────────────────────────────── */
/* Visible focus outline for all interactive elements (WCAG 2.4.7) */
:focus-visible {
  outline: 2px solid var(--blue);
  outline-offset: 2px;
}

/* Remove default outline only when not using keyboard (mouse/touch) */
:focus:not(:focus-visible) {
  outline: none;
}