/* Homepage logo previews: True North (index.html) and Circle of Saints (home-circle.html).
   Loaded after styles.css; only overrides theme variables and a few brand details. */

/* ---------- True North: midnight, brass, sky ---------- */
.theme-north {
  --bg: #f2f5f9; --ink: #0f2238; --ink-soft: #44536a;
  --accent: #f0c674; --accent-hover: #f5d28e; --accent-ink: #0f2238; --accent-deep: #8a6420;
  --dark: #0f2238; --dark-2: #0a1829; --on-dark: #f2f5f9; --on-dark-soft: #c9d6e4; --line-on-dark: rgba(242, 245, 249, 0.14);
  --card-bg: #ffffff; --card-line: #dbe3ec; --card-top: #0f2238;
  --field-bg: #ffffff; --field-line: #a9b6c6; --field-ink: #0f2238;
  --pattern: repeating-radial-gradient(circle at 78% 42%, rgba(143, 184, 222, 0.09) 0 1px, transparent 1px 64px);
  --pattern-size: auto;
  --font-display: "Cinzel", Georgia, serif; --display-weight: 600; --display-tracking: 0.03em; --display-lh: 1.08;
  --radius: 4px;
  --h1: clamp(2.5rem, 6.8vw, 5.2rem); --h2: clamp(2rem, 4.4vw, 3.2rem); --h3: 1.45rem;
}
.theme-north .brand-name { font-family: "Cinzel", Georgia, serif; font-size: 1.15rem; letter-spacing: 0.08em; text-transform: uppercase; }

/* ---------- Circle of Saints: forest, sage, gold, linen ---------- */
.theme-circle {
  --bg: #f3efe2; --ink: #1c2b25; --ink-soft: #4f5d55;
  --accent: #c9a24a; --accent-hover: #d7b462; --accent-ink: #1f3a32; --accent-deep: #6f5418;
  --dark: #1f3a32; --dark-2: #172c26; --on-dark: #f3efe2; --on-dark-soft: #cfdccf; --line-on-dark: rgba(243, 239, 226, 0.15);
  --card-bg: #fffdf6; --card-line: #e2dccb; --card-top: #1f3a32;
  --field-bg: #ffffff; --field-line: #b4ad99; --field-ink: #1c2b25;
  --pattern: radial-gradient(circle at 80% 35%, rgba(168, 200, 166, 0.18), transparent 46%);
  --pattern-size: auto;
  --font-display: "Josefin Sans", system-ui, sans-serif; --display-weight: 600; --display-tracking: 0.02em; --display-lh: 1.06;
  --font-label: "Josefin Sans", system-ui, sans-serif; --label-tracking: 0.2em;
  --radius: 12px;
  --h1: clamp(2.6rem, 7vw, 5.4rem); --h2: clamp(2rem, 4.4vw, 3.2rem); --h3: 1.45rem;
}
.theme-circle .brand-name { font-family: "Josefin Sans", system-ui, sans-serif; font-weight: 600; font-size: 1.15rem; letter-spacing: 0.08em; text-transform: uppercase; }
.theme-circle .btn { border-radius: 999px; }

/* ---------- Shared: hero emblem ---------- */
.emblem-wrap { display: flex; flex-direction: column; align-items: center; gap: 1rem; }
.emblem { width: min(340px, 72vw); height: auto; }
.emblem-caption { font: 700 0.85rem var(--font-label); letter-spacing: var(--label-tracking); text-transform: uppercase; color: var(--accent); margin: 0; }
@media (max-width: 899px) { .emblem { width: min(220px, 60vw); } .emblem-wrap { order: -1; } }