/* Cathedral light theme — warm whites, deep red primary, gold accent.
   Loads AFTER the QuestUI tokens and site.css; remaps the shared custom properties. */
:root {
  --brown-950: #F3E8D0; /* page background — warm gold-tinted ivory */
  --brown-900: #F8EFDA; /* surface default — warm parchment */
  --brown-800: #ECDDBE; /* surface raised / hover */
  --brown-600: #D5BE92; /* default border — gold-warm */
  --parchment: #2E1B10; /* primary text — deep brown */
  --parchment-dim: #55462F; /* muted text — AA on cream & tinted */
  --bg-page: var(--brown-950);
  --surface-default: var(--brown-900);
  --surface-raised: var(--brown-800);
  --surface-hover: var(--brown-800);
  --surface-active: rgba(153, 27, 27, 0.05);
  --border-default: var(--brown-600);
  --border-subtle: #E5D6B4;
  --border-gold-faint: rgba(202, 138, 4, 0.45);
  --text-primary: var(--parchment);
  --text-muted: var(--parchment-dim);
  --tint-gold-08: rgba(202, 138, 4, 0.10);
  /* soften the gold-glow shadows for light surfaces — warm gold-brown cast */
  --shadow-sm: 0 1px 3px rgba(140, 90, 10, 0.14);
  --shadow-md: 0 3px 10px rgba(140, 90, 10, 0.18);
  --shadow-lg: 0 8px 26px rgba(140, 90, 10, 0.22);
  --shadow-glow: 0 0 20px rgba(202, 138, 4, 0.35);
  /* cathedral red scope */
  --cathedral-red: #7F1D1D;
  --cathedral-red-deep: #681414;
  --cathedral-ivory: #FDF3E3;
  --cathedral-ivory-dim: rgba(253, 243, 227, 0.9);
}
h1, h2, .page-hero h1, .hero h1, .section-head h2 { color: var(--red-800); }
a { color: var(--red-800); }
a:hover { color: var(--gold-600); }

/* ---- Deep red nav ---- */
.site-nav { background: rgba(112, 3, 5, 0.89); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border-bottom: 1px solid var(--cathedral-red-deep); }
.site-nav .wordmark { align-items: center; gap: var(--space-sm); }
.wordmark, .wordmark:hover { color: var(--cathedral-ivory); }
.wordmark .mark { color: var(--gold-400); }
.nav-links a { color: var(--cathedral-ivory-dim); }
.nav-links a:hover { color: var(--cathedral-ivory); }
.nav-links a.active { color: var(--gold-400); border-bottom-color: var(--gold-400); }
.nav-drop .caret { color: var(--gold-400); }
.nav-drop-menu a { background: var(--cathedral-red); border-color: var(--cathedral-red-deep); color: var(--cathedral-ivory-dim); }
.nav-drop-menu a:hover { background: var(--cathedral-red-deep); color: var(--cathedral-ivory); }
.nav-drop-menu a:first-child { border-top-color: var(--gold-400); }
.nav-drop-menu a.active { color: var(--gold-400); }
.nav-burger { border-color: rgba(253, 243, 227, 0.4); color: var(--cathedral-ivory); }
.nav-burger:hover { border-color: var(--gold-400); }
.mobile-menu { background: var(--cathedral-red-deep); border-bottom-color: var(--cathedral-red-deep); }
.mobile-menu a { color: var(--cathedral-ivory-dim); }
.mobile-menu a:hover { background: var(--cathedral-red); color: var(--cathedral-ivory); }
.mobile-menu a.active { color: var(--gold-400); }

/* ---- Deep red footer ---- */
.site-footer { background: var(--cathedral-red); border-top: 1px solid var(--cathedral-red-deep); }
.site-footer .wordmark { color: var(--cathedral-ivory); }
.site-footer h4 { color: var(--gold-400); }
.site-footer p { color: var(--cathedral-ivory-dim); }
.site-footer .footer-links a { color: var(--cathedral-ivory-dim); }
.site-footer .footer-links a:hover { color: var(--gold-400); }
.site-footer .contact-row { color: var(--cathedral-ivory-dim); }
.site-footer .contact-row .ic { color: var(--gold-400); }
.site-footer .info-list li { border-bottom-color: rgba(253, 243, 227, 0.18); }
.site-footer .info-list .when { color: var(--cathedral-ivory-dim); }
.site-footer .info-list .what { color: var(--cathedral-ivory); }
.site-footer .footer-bottom { border-top-color: rgba(253, 243, 227, 0.22); color: var(--cathedral-ivory-dim); }
.site-footer .footer-bottom .cross { color: var(--gold-400); }

/* ---- Light-surface refinements ---- */
.page-hero { background: var(--brown-900); border-bottom: 1px solid var(--brown-600); }
.page-hero.photo { position: relative; overflow: hidden; border-bottom: 2px solid var(--gold-500); padding: calc(var(--space-2xl) * 1.5) 0; }
.page-hero.photo .ph-bg { position: absolute; inset: 0; background-size: cover; background-position: center; }
.page-hero.photo .ph-bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(rgba(38, 16, 10, 0.5), rgba(38, 16, 10, 0.62)); }
.page-hero.photo .container { position: relative; z-index: 1; }
.page-hero.photo h1 { color: #FDF3E3; }
.page-hero.photo .lede { color: rgba(253, 243, 227, 0.95); }
.page-hero.photo .times-strip { color: rgba(253, 243, 227, 0.92); }
.page-hero.photo .times-strip strong { color: var(--gold-400); }
.page-hero.photo .times-strip .sep { color: var(--gold-400); }
.section.tinted { background: #EDE0C1; border-top: 1px solid var(--border-gold-faint); border-bottom: 1px solid var(--border-gold-faint); }
.hero .lede, .page-hero .lede { color: var(--parchment-dim); }
.times-strip strong { color: var(--red-800); }
.times-strip .sep { color: var(--gold-500); }
.ornament { color: var(--gold-500); }

.hero-kicker { display: inline-flex; align-items: center; gap: var(--space-md); font-family: var(--font-headline); font-size: 13px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; color: #A16207; margin-bottom: var(--space-sm); }
.page-hero.photo .hero-kicker, .photo-hero .hero-kicker { color: var(--gold-400); }
.hero-kicker::before, .hero-kicker::after { content: ""; height: 1px; width: 56px; background: rgba(218, 165, 32, 0.55); }
@media (max-width: 620px) { .hero-kicker::before, .hero-kicker::after { width: 24px; } }
