/* St. Paul's Mar Thoma Syrian Church - Shared Theme Palette
   Load AFTER each page's existing stylesheet.
   The selected theme is set by theme.js on <html data-theme="...">.
   Default navy-and-gold styling is preserved when no theme is selected.
*/
:root {
  --navy: #163444;
  --navy-dark: #102936;
  --gold: #c8a365;
  --cream: #faf8f3;
  --text: #273b43;
  --muted: #64757a;
}
:root[data-theme="navy"] {
  --navy: #163444;
  --navy-dark: #102936;
  --gold: #c8a365;
  --cream: #faf8f3;
  --text: #273b43;
  --muted: #64757a;
}
:root[data-theme="burgundy"] {
  --navy: #632b42;
  --navy-dark: #431b2c;
  --gold: #d1ad78;
  --cream: #fcf7f5;
  --text: #402c35;
  --muted: #75666d;
}
:root[data-theme="forest"] {
  --navy: #245647;
  --navy-dark: #173b31;
  --gold: #c8ac70;
  --cream: #f6faf5;
  --text: #293d34;
  --muted: #65776e;
}
:root[data-theme="ocean"] {
  --navy: #176080;
  --navy-dark: #10445c;
  --gold: #e0b86d;
  --cream: #f3f9fb;
  --text: #263e4b;
  --muted: #647b86;
}
:root[data-theme="plum"] {
  --navy: #563d68;
  --navy-dark: #392746;
  --gold: #caa77b;
  --cream: #faf6fb;
  --text: #3e3346;
  --muted: #776b7e;
}
/* Common elements already using CSS variables will change automatically.
   These overrides cover common hard-coded colour values on inner pages. */
:root[data-theme]:not([data-theme="navy"]) .vicar-hero {
  background: linear-gradient(115deg, var(--navy-dark), var(--navy));
}
:root[data-theme]:not([data-theme="navy"]) .vicar-journey li,
:root[data-theme]:not([data-theme="navy"]) .vicar-family,
:root[data-theme]:not([data-theme="navy"]) .theme-card {
  background-color: var(--cream);
}
:root[data-theme]:not([data-theme="navy"]) .vicar-portrait {
  box-shadow: 18px 18px 0 color-mix(in srgb, var(--gold) 22%, transparent);
}

/* Worship Schedule: page-specific rules centralized in shared stylesheet. */
/* Worship Schedule: all colours are controlled by the shared theme variables. */
html body.worship-schedule-page .page-hero {background:linear-gradient(115deg,var(--navy-dark),var(--navy)) !important;color:#fff}
html body.worship-schedule-page .page-hero .breadcrumb {color:var(--gold)!important}
html body.worship-schedule-page .page-hero p {color:#fff!important}
html body.worship-schedule-page .topbar,html body.worship-schedule-page footer {background:var(--navy-dark)!important}
html body.worship-schedule-page .brand h1,html body.worship-schedule-page .section-heading,html body.worship-schedule-page .schedule-card strong,html body.worship-schedule-page .info-row strong {color:var(--navy)!important}
html body.worship-schedule-page .schedule-card .time {color:var(--gold)!important}
html body.worship-schedule-page .panel-light,html body.worship-schedule-page .info-row {background:var(--cream)!important}
html body.worship-schedule-page #common-menu nav {background:var(--navy)!important}
html body.worship-schedule-page .menu-toggle {background:var(--navy)!important}
html body.worship-schedule-page .history-timeline {border-left-color:var(--gold)!important}
html body.worship-schedule-page .history-event:before {background:var(--gold)!important;box-shadow:0 0 0 2px var(--gold)!important}