/* MCC Global Soft Color System — 2026-10-10
   Palette inspired by MCC logo: blue, yellow, red and warm cream.
   Light surfaces are gentle; interactive elements retain accessible dark contrast.
   Preserve image readability, WWK identity, organization portraits and functionality. */
:root {
  --mcc-bg:#F3EFE6; --mcc-cream:#F3DCCC; --mcc-paper:#FAF5EC;
  --mcc-blue:#C3D9E2; --mcc-blue-medium:#81B1CD;
  --mcc-yellow:#F2E3C3; --mcc-yellow-deep:#EFC16C;
  --mcc-red:#DEBAB9; --mcc-rose:#D09591;
  --mcc-mint:#B3DDD1; --mcc-sage:#B6CDBE;
  --mcc-dark:#143E46; --mcc-teal:#0B5962;
  --mcc-line:#DEDCD2; --mcc-shadow:0 14px 38px rgba(20,62,70,.075);
  --cream:var(--mcc-bg); --navy:var(--mcc-teal); --navy2:#256B76;
  --sky:var(--mcc-blue-medium); --gold:var(--mcc-yellow-deep);
  --ink:var(--mcc-dark); --muted:#566C70; --shadow:var(--mcc-shadow);
}
html { color-scheme: light; }
body:not(.wwk-page) { background:var(--mcc-bg); color:var(--mcc-dark); }
body:not(.wwk-page) .site-header { background:rgba(250,245,236,.95); border-bottom-color:var(--mcc-line); }
body:not(.wwk-page) .weekly-wrap,
body:not(.wwk-page) .departments,
body:not(.wwk-page) .sunday,
body:not(.wwk-page) .section:not(.word):not(.duty):not(.mobile-showcase):not(.final-cta) { background-color:var(--mcc-bg); }
body:not(.wwk-page) .services { background:linear-gradient(120deg,#F3EFE6 0%,#E7EFEB 53%,#DFEBED 100%); }
body:not(.wwk-page) .weekly-panel,
body:not(.wwk-page) .service-card,
body:not(.wwk-page) .dept-card,
body:not(.wwk-page) .sunday-card,
body:not(.wwk-page) .image-stack figcaption,
body:not(.wwk-page) .contact-form,
body:not(.wwk-page) .phone-card {
  background-color:var(--mcc-paper); border-color:var(--mcc-line); box-shadow:var(--mcc-shadow);
}
body:not(.wwk-page) .dept-card:nth-child(4n+1) {background-color:#E8F0F1;}
body:not(.wwk-page) .dept-card:nth-child(4n+2) {background-color:#F3EAE6;}
body:not(.wwk-page) .dept-card:nth-child(4n+3) {background-color:#E8EFE8;}
body:not(.wwk-page) .dept-card:nth-child(4n+4) {background-color:#F5EEDF;}
body:not(.wwk-page) .mini-icon, body:not(.wwk-page) .phone-card {background-color:#DDEAE9;color:var(--mcc-dark)}
body:not(.wwk-page) .sunday-card {background:#E5EDF0;}
body:not(.wwk-page) .btn.gold {background:var(--mcc-yellow-deep);color:#2C3D40;}
body:not(.wwk-page) .btn.navy,
body:not(.wwk-page) .round-arrow {background:#145C68;color:#fff;}
body:not(.wwk-page) .text-link {color:#1A6470;}
body:not(.wwk-page) .service-card:hover,
body:not(.wwk-page) .dept-card:hover {border-color:#94BBC3;}
/* Dark panels: desaturate without losing readable light text. */
body:not(.wwk-page) .word {background:#345F68;color:#fff;}
body:not(.wwk-page) .duty {background:#3D6972;color:#fff;}
body:not(.wwk-page) .mobile-showcase {background:#3B626B;color:#fff;}
body:not(.wwk-page) .duty-grid article {background:rgba(250,245,236,.09);border-color:rgba(250,245,236,.22)}
body:not(.wwk-page) .duty-grid small {color:#CEE4EB;}
body:not(.wwk-page) .duty-grid p {color:#E4ECEA;}
/* Use understated warm cream for all ordinary page headers and light footers. */
body:not(.wwk-page) .department-top,
body:not(.wwk-page) .lesson-top,
body:not(.wwk-page) .history-top {background:var(--mcc-paper);border-color:var(--mcc-line)}
body:not(.wwk-page) .lesson-footer,
body:not(.wwk-page) .history-footer {background:#E9E6DD;color:#355D62;}
body:not(.wwk-page) .lesson-footer a:not(.developer-info) {background:#145C68!important;color:#fff!important;border-color:#145C68!important;}
body:not(.wwk-page) .lesson-footer a:not(.developer-info):hover {background:#0B5962!important;}
/* Individual ministry identity stays recognizable but within one calm neutral family. */
body.cas-page {--dept-bg:#DFEAF0;--dept-fg:#284D71;}
body.cmf-page {--dept-bg:#E9DFED;--dept-fg:#594271;}
body.evangelism-page {--dept-bg:#E1EEE4;--dept-fg:#315D43;}
body.lesson-page {--dept-bg:#F1E1E5;--dept-fg:#713F52;}
body.dept-dms {--dept-bg:#DDEFF0;--dept-fg:#215D6C;}
body.dept-prayer {--dept-bg:#F6EDCE;--dept-fg:#69562C;}
body.dept-children {--dept-bg:#E5EEE8;--dept-fg:#335F58;}
body:is(.cas-page,.cmf-page,.evangelism-page,.lesson-page,.dept-dms,.dept-prayer,.dept-children) {background:var(--mcc-bg)!important;}
body.cas-page .cas-hero {background:linear-gradient(130deg,#E9F1F3,#C3D9E2)!important;color:var(--dept-fg)!important;}
body.cmf-page .cmf-hero {background:linear-gradient(130deg,#F2EAEF,#DAD0E5)!important;color:var(--dept-fg)!important;}
body.evangelism-page .evangelism-hero {background:linear-gradient(130deg,#ECF2E9,#B6CDBE)!important;color:var(--dept-fg)!important;}
body.lesson-page .lesson-hero {background:linear-gradient(130deg,#F4E9E8,#DEBAB9)!important;color:var(--dept-fg)!important;}
body:is(.cas-page,.cmf-page,.evangelism-page,.lesson-page) :is(.cas-hero,.cmf-hero,.evangelism-hero,.lesson-hero) :is(h1,.eyebrow,p:not(.eyebrow)) {color:var(--dept-fg)!important;}
body.dept-dms .department-stub>article {background:linear-gradient(125deg,#ECF5F2,#C3D9E2)!important;}
body.dept-prayer .department-stub>article {background:linear-gradient(125deg,#F9F2DD,#F2E3C3)!important;}
body.dept-children .department-stub>article {background:linear-gradient(125deg,#F6F0E6,#DBECE4)!important;}
body:not(.wwk-page) :is(.dept-identity-item,.lesson-points article,.lesson-aside>div:not(:first-child),.cmf-pillar-grid article,.visual-tract,.mission-gallery figure,.stub article) {background-color:var(--mcc-paper)!important;border-color:var(--mcc-line)!important;}
body:not(.wwk-page) :is(.dept-identity-band,.lesson-apply,.cas-focus,.cmf-call,.new-believer) {background-color:#E5EDE8!important;}
/* Global links: hover/focus are visible for keyboard and touch devices. */
body :is(a,button):focus-visible {outline:3px solid #257584;outline-offset:3px;}
@media (min-width:1100px) {
 body:not(.wwk-page) .hero-rail {background:var(--mcc-bg);}
 body:not(.wwk-page) .weekly-wrap {background:var(--mcc-bg);}
 body:not(.wwk-page) .site-header {background:transparent;}
}
@media (min-width:960px) and (max-width:1099px) {body:not(.wwk-page) .site-header {background:transparent;}}
@media (prefers-reduced-motion:reduce) {body .btn:hover,body .dept-card:hover {transform:none;}}

/* WWK gentle rose palette — same global system, original church & department logos unchanged. */
body.wwk-page{--wwk-rose:#DEBAB9;--wwk-blush:#F1D9D5;--wwk-cream:#F3EFE6;--wwk-ink:#643A43;--dept-nav:#78424E;--dept-nav-hover:#65313D;background:var(--wwk-cream)!important;color:#143E46}
body.wwk-page .department-top{background:#FAF5EC!important;border-color:#DEDCD2!important}
body.wwk-page .wwk-hero{background:linear-gradient(125deg,#F3E3DC,#DEBAB9)!important;color:var(--wwk-ink)!important}
body.wwk-page .wwk-hero h1,body.wwk-page .wwk-hero .eyebrow{color:#643A43!important}
body.wwk-page .wwk-hero-copy>p:last-child{color:#663E49!important}
body.wwk-page .wwk-hero figure{box-shadow:0 18px 36px rgba(100,58,67,.13)!important}
body.wwk-page .wwk-pillars{background:#F3EFE6!important}
body.wwk-page .wwk-pillar-grid article,body.wwk-page .dept-identity-item{background:#FAF5EC!important;border-color:#E8D6D1!important}
body.wwk-page .wwk-pillar-grid span,body.wwk-page .wwk-pillar-grid strong,body.wwk-page .wwk-call cite{color:#78424E!important}
body.wwk-page .wwk-call,body.wwk-page .dept-identity-band{background:#F1D9D5!important}
body.wwk-page .wwk-call blockquote{background:#FAF5EC!important;border-left-color:#A36361!important}
body.wwk-page .wwk-intro figcaption{background:#643A43E8!important;color:#fff!important}
body.wwk-page .department-back{background:#78424E!important;border-color:#78424E!important;color:#fff!important}
body.wwk-page .department-back:hover,body.wwk-page .department-back:focus-visible{background:#65313D!important;border-color:#65313D!important;color:#fff!important}
body.wwk-page .lesson-footer a:not(.developer-info){background:#0B5962!important;color:#fff!important;border-color:#0B5962!important}


/* MCC full-width classic navigation — replaces floating capsule (Oct 2026).
   Preserve hero, sidebar, and all other website components. */
body:not(.wwk-page) > .site-header {
  position:sticky !important;
  top:0 !important;left:0 !important;right:0 !important;
  width:100% !important;
  height:82px !important;
  margin:0 !important;padding:0 !important;
  background:#FAF5EC !important;
  color:#143E46 !important;
  border:0 !important;border-bottom:1px solid #DCE4DE !important;
  border-radius:0 !important;
  box-shadow:0 2px 12px rgba(20,62,70,.06) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  z-index:100 !important;
}
body:not(.wwk-page) > .site-header .nav-wrap {
  width:min(1440px,calc(100% - 48px)) !important;
  max-width:1440px !important;
  height:100% !important;
  margin:0 auto !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;border-radius:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  display:flex !important;align-items:center !important;
  gap:24px !important;
}
body:not(.wwk-page) > .site-header .brand {
  display:flex !important;flex:0 0 auto !important;
  color:#143E46 !important;align-items:center !important;gap:10px !important;
}
body:not(.wwk-page) > .site-header .brand img {
  display:block !important;height:50px !important;width:auto !important;
  border-radius:0 !important;
}
body:not(.wwk-page) > .site-header .brand span {
  display:block !important;
}
body:not(.wwk-page) > .site-header .brand strong {
  font-size:15px !important;color:#143E46 !important;
}
body:not(.wwk-page) > .site-header .brand small {
  font-size:10px !important;color:#61777D !important;
}
@media(min-width:960px) {
  body:not(.wwk-page) > .site-header nav {
    display:flex !important;align-items:center !important;
    margin-left:auto !important;
    gap:clamp(9px,1.15vw,21px) !important;
    color:#143E46 !important;
    font-size:clamp(11px,.84vw,13px) !important;
    white-space:nowrap !important;
  }
  body:not(.wwk-page) > .site-header nav > a:not(.nav-cta) {
    color:#143E46 !important;text-shadow:none !important;
  }
  body:not(.wwk-page) > .site-header .nav-cta {
    background:#145C68 !important;color:#FFF !important;
    border-radius:9px !important;padding:12px 16px !important;
    text-shadow:none !important;white-space:nowrap !important;
  }
}
@media(min-width:960px) and (max-width:1320px) {
  body:not(.wwk-page) > .site-header .brand span {display:none !important}
  body:not(.wwk-page) > .site-header .nav-wrap {gap:12px !important}
}
@media(max-width:959px) {
  body:not(.wwk-page) > .site-header {height:72px !important}
  body:not(.wwk-page) > .site-header .nav-wrap {width:calc(100% - 32px) !important}
  body:not(.wwk-page) > .site-header .brand img {height:44px !important}
  body:not(.wwk-page) > .site-header .brand strong {font-size:13px !important}
  body:not(.wwk-page) > .site-header .brand small {display:none !important}
  body:not(.wwk-page) > .site-header .menu-btn {border-radius:10px !important;background:#145C68 !important}
  body:not(.wwk-page) > .site-header nav.open {
    position:absolute !important;top:72px !important;
    left:0 !important;right:0 !important;
    margin:0 !important;padding:16px !important;
    width:100% !important;border-radius:0 !important;
    background:#FAF5EC !important;color:#143E46 !important;
    border-top:1px solid #DCE4DE !important;
    box-shadow:0 12px 25px rgba(20,62,70,.12) !important;
  }
  body:not(.wwk-page) > .site-header nav.open > a:not(.nav-cta) {
    color:#143E46 !important;text-shadow:none !important;
  }
  body:not(.wwk-page) > .site-header nav.open .nav-cta {
    color:#FFF !important;background:#145C68 !important;
  }
}