/* Galilean Baptist Church — site-wide theming.
   Light is the default palette (defined per page). Dark re-maps the shared
   CSS variables, so any element built from them flips automatically. A few
   hardcoded translucent bars get targeted overrides below. */

html[data-theme="light"]{ color-scheme: light; }

html[data-theme="dark"]{
  color-scheme: dark;
  --cream:#17120f;        /* page background */
  --cream-2:#241c16;
  --paper:#201a15;        /* cards / panels */
  --ink:#f3ece2;          /* primary text */
  --ink-soft:#d2c4b4;
  --muted:#9d8c7b;
  --line:rgba(232,212,188,.15);
  --line-soft:rgba(232,212,188,.08);
  --clay:#c79f8c;
  --clay-deep:#c08b73;
  --clay-deeper:#a87055;
  --gold:#d4a657;
  --espresso:#120d0a;
}

/* Targeted fixes for bars/menus that hardcode a light translucent background.
   (The member nav now uses theme variables, so it needs no override here.) */
html[data-theme="dark"] header.scrolled{ background:rgba(23,18,15,.88) !important; border-bottom-color:var(--line-soft) !important; }
/* Only the COLLAPSED mobile/tablet dropdown needs a solid panel background.
   At desktop width .nav-links is an inline row and must stay transparent so it
   blends into the page (otherwise it shows as a dark rectangle). Keep this
   breakpoint in sync with the homepage nav collapse in index.html. */
@media (max-width:1120px){
  html[data-theme="dark"] .nav-links{ background:rgba(23,18,15,.98); border-bottom-color:var(--line-soft); }
}
/* Soften bright photos a touch in dark mode (logos/emblems left alone) */
html[data-theme="dark"] .arch-img.photo img,
html[data-theme="dark"] .staff .ph img,
html[data-theme="dark"] .map{ filter:brightness(.9); }

/* Tinted status pills/tags/badges: lighten text + tint for dark-mode contrast.
   (Defaults are dark hues tuned for the light theme.) */
html[data-theme="dark"] .pill.admin,
html[data-theme="dark"] .vl.admin,
html[data-theme="dark"] .pill.susp{ color:#ff9d9d; background:rgba(255,120,120,.16); }
html[data-theme="dark"] .pill.member,
html[data-theme="dark"] .vl.member{ color:#90e39b; background:rgba(120,210,120,.15); }
html[data-theme="dark"] .pill.livestream,
html[data-theme="dark"] .vl.livestream,
html[data-theme="dark"] .tag,
html[data-theme="dark"] .ord-tag{ color:#e7bd72; background:rgba(212,166,87,.18); }
html[data-theme="dark"] .pill.none,
html[data-theme="dark"] .vl.public{ color:var(--ink-soft); background:rgba(232,212,188,.12); }
html[data-theme="dark"] .susp-btn{ color:#ff9d9d; border-color:rgba(255,120,120,.42); }
html[data-theme="dark"] .susp-btn:hover{ background:#c0494a; color:#fff; border-color:#c0494a; }
html[data-theme="dark"] .susp-btn.restore{ color:#90e39b; border-color:rgba(120,210,120,.45); }
html[data-theme="dark"] .susp-btn.restore:hover{ background:#2f7a3a; color:#fff; border-color:#2f7a3a; }
html[data-theme="dark"] .arow.is-susp{ border-color:rgba(255,120,120,.4); background:rgba(255,120,120,.06); }