/* Purple Rose visual refresh - 2026-09-20
   Scope: typography, buttons, neutral/warm surfaces, card neutrals,
   dark purple sections. Layout/content/functionality intentionally untouched. */

:root{
  --pr-ivory:#FFFDF9;
  --pr-warm:#F8F1E9;
  --pr-lilac:#F1E9F5;
  --pr-card:#FFFEFA;
  --pr-card-alt:#FBF6EF;
  --pr-border:#DED1DA;
  --pr-button:#A94F66;
  --pr-button-hover:#873B53;
  --pr-outline:#432342;
  --pr-outline-hover:#F5E5E7;
  --pr-icon-rose:#F5E5E7;
  --pr-icon-sage:#EDF1E8;
  --pr-icon-sand:#F3EADC;
  --pr-footer-1:#4E1858;
  --pr-footer-2:#35103D;
  --pr-footer-text:#E2D6E7;
  --pr-footer-soft:#CDBBD4;

  /* Map common page tokens to the refreshed palette */
  --paper:#FFFDF9;
  --paper-warm:#F8F1E9;
  --page-bg:#FFFDF9;
  --page-bg-2:#F8F1E9;
  --card:#FFFEFA;
  --line:#DED1DA;
  --lilac:#F1E9F5;
  --lilac-line:#DED1DA;
  --footer-1:#4E1858;
  --footer-2:#35103D;
  --footer-text:#E2D6E7;
  --footer-soft:#CDBBD4;
}

/* Typography */
html,body,
button,input,textarea,select,
nav,.site-header,.site-footer,
.desktop-nav a,.mobile-menu a,.mobile-panel a,
.newsletter-row input,.subscribe{
  font-family:"Lato",Arial,sans-serif !important;
}

h1,h2,h3,h4,h5,h6,
.brand-copy strong,
.joy-quote strong,
.quote-box strong,
blockquote,
[class*="quote"] strong{
  font-family:"Literata",Georgia,serif !important;
  font-weight:600 !important;
}

body{
  background:#FFFDF9 !important;
}

/* Buttons */
.btn-primary,
.donate-top,
.mobile-donate,
.subscribe{
  color:#FFFFFF !important;
  background:#A94F66 !important;
}
.btn-primary:hover,
.btn-primary:focus-visible,
.donate-top:hover,
.donate-top:focus-visible,
.mobile-donate:hover,
.mobile-donate:focus-visible,
.subscribe:hover,
.subscribe:focus-visible{
  background:#873B53 !important;
}

.btn-outline{
  border-color:#432342 !important;
  color:#432342 !important;
  background:rgba(255,253,249,.86) !important;
}
.btn-outline:hover,
.btn-outline:focus-visible{
  background:#F5E5E7 !important;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible{
  outline-color:rgba(152,80,106,.42) !important;
}

/* Section surfaces */
.section.warm,
.v11-warm,
.i12-warm,
.i13-warm,
.i14-warm,
.tc-soft{
  background:#F8F1E9 !important;
}

.section.lilac,
.v11-lilac,
.i12-lilac,
.i13-lilac,
.i14-lilac,
.tc-protection{
  background:#F1E9F5 !important;
}

.connected-care-section,
.connected-care{
  background:#FFFFFF !important;
}

/* Final CTA sections retain the approved lilac/rose gradient */
.final-cta{
  background:linear-gradient(135deg,#F0E3EB,#F8EEE9) !important;
}

/* Cards: warmer neutrals, no layout changes */
.meaning-card,
.story-card,
.skill-card,
.support-card,
.connection-card,
.connection,
.work-card,
.pillar-card{
  border-color:#DED1DA !important;
  background:#FFFEFA !important;
}
.meaning-card:nth-child(even){
  background:#FBF6EF !important;
}

/* Connected-care cards remain crisp on white sections */
.connected-care-section .connection-card,
.connected-care .connection-card,
.connected-care-section .connection,
.connected-care .connection{
  background:#FFFEFA !important;
  border-color:#DED1DA !important;
}

/* Dark purple content sections use exactly the footer gradient */
.purple-section,
.joy-band,
.consistency,
.dignity-band,
.tc-safeguard-strip,
.v11-safe,
.cpp-principle,
.pp-principle,
.vh-principle,
.i13-cta-box,
.i14-cta-box,
.u15-cta-box{
  color:#FFFFFF !important;
  background:linear-gradient(180deg,#4E1858 0%,#35103D 100%) !important;
}

.purple-section h1,.purple-section h2,.purple-section h3,.purple-section h4,.purple-section strong,
.joy-band h1,.joy-band h2,.joy-band h3,.joy-band h4,.joy-band strong,
.consistency h1,.consistency h2,.consistency h3,.consistency h4,.consistency strong,
.dignity-band h1,.dignity-band h2,.dignity-band h3,.dignity-band h4,.dignity-band strong,
.tc-safeguard-strip h1,.tc-safeguard-strip h2,.tc-safeguard-strip h3,.tc-safeguard-strip h4,.tc-safeguard-strip strong,
.v11-safe h1,.v11-safe h2,.v11-safe h3,.v11-safe h4,.v11-safe strong,
.cpp-principle h1,.cpp-principle h2,.cpp-principle h3,.cpp-principle h4,.cpp-principle strong,
.pp-principle h1,.pp-principle h2,.pp-principle h3,.pp-principle h4,.pp-principle strong,
.vh-principle h1,.vh-principle h2,.vh-principle h3,.vh-principle h4,.vh-principle strong,
.i13-cta-box h1,.i13-cta-box h2,.i13-cta-box h3,.i13-cta-box h4,.i13-cta-box strong,
.i14-cta-box h1,.i14-cta-box h2,.i14-cta-box h3,.i14-cta-box h4,.i14-cta-box strong,
.u15-cta-box h1,.u15-cta-box h2,.u15-cta-box h3,.u15-cta-box h4,.u15-cta-box strong{
  color:#FFFFFF !important;
}

.purple-section p,
.joy-band p,
.consistency p,
.dignity-band p,
.tc-safeguard-strip p,
.v11-safe p,
.cpp-principle p,
.pp-principle p,
.vh-principle p,
.i13-cta-box p,
.i14-cta-box p,
.u15-cta-box p{
  color:#E2D6E7 !important;
}

/* Footer color system remains locked; typography + Subscribe only */
.site-footer{
  color:#E2D6E7 !important;
  background:linear-gradient(180deg,#4E1858 0%,#35103D 100%) !important;
}
.site-footer h1,.site-footer h2,.site-footer h3,.site-footer h4,
.site-footer strong{
  color:#FFFFFF;
}
.site-footer .footer-brand p,
.site-footer li a,
.site-footer .contact-lines,
.site-footer .newsletter-consent,
.site-footer .stay-copy,
.site-footer .copyright{
  color:#CDBBD4 !important;
}

/* Small accents only: no sage section backgrounds */
.icon-bg-rose,.accent-rose{background:#F5E5E7 !important;}
.icon-bg-sage,.accent-sage{background:#EDF1E8 !important;}
.icon-bg-sand,.accent-sand{background:#F3EADC !important;}


/* Approved global CTA colors - 2026-09-21 */
.btn[href="donate.php"],.button[href="donate.php"]{
  color:#FFFFFF!important;background:#C87983!important;
}
.btn[href="donate.php"]:hover,.btn[href="donate.php"]:focus-visible,
.button[href="donate.php"]:hover,.button[href="donate.php"]:focus-visible{
  color:#FFFFFF!important;background:#B96B76!important;
}
.desktop-nav a.donate-top,.desktop-nav a.donate-top.active,
.mobile-menu a.mobile-donate,.mobile-menu a.mobile-donate.active{
  color:#FFFFFF!important;background:#A94F66!important;
}
.desktop-nav a.donate-top:hover,.desktop-nav a.donate-top:focus-visible,
.mobile-menu a.mobile-donate:hover,.mobile-menu a.mobile-donate:focus-visible{
  color:#FFFFFF!important;background:#873B53!important;
}
.desktop-nav a.donate-top:focus-visible,.mobile-menu a.mobile-donate:focus-visible{
  outline:3px solid rgba(152,80,106,.42)!important;outline-offset:3px!important;
}
.btn[href="the-children.php#sponsor"],.button[href="the-children.php#sponsor"]{
  color:#FFFFFF!important;background:#4E1858!important;border-color:#4E1858!important;
}
.btn[href="the-children.php#sponsor"]:hover,.btn[href="the-children.php#sponsor"]:focus-visible,
.button[href="the-children.php#sponsor"]:hover,.button[href="the-children.php#sponsor"]:focus-visible{
  color:#FFFFFF!important;background:#35103D!important;border-color:#35103D!important;
}
/* Page-approved exception: Our Work final CTA uses a white Sponsor button beside rose Donate. */
.closing .button-white[href="the-children.php#sponsor"]{
  color:#4E1858!important;background:#FFFFFF!important;border-color:#FFFFFF!important;
}
.closing .button-white[href="the-children.php#sponsor"]:hover,
.closing .button-white[href="the-children.php#sponsor"]:focus-visible{
  color:#4E1858!important;background:#F1E9F5!important;border-color:#F1E9F5!important;
}

/* The Children approved exception: Support All Children stays purple even though it links to donate.php. */
.tc-actions .btn-support-all[href="donate.php"]{
  color:#FFFFFF!important;
  background:#4E1858!important;
  border-color:#4E1858!important;
}
.tc-actions .btn-support-all[href="donate.php"]:hover,
.tc-actions .btn-support-all[href="donate.php"]:focus-visible{
  color:#FFFFFF!important;
  background:#35103D!important;
  border-color:#35103D!important;
}