/* MGHSOGAO brand refresh (Nov 2026) — carries the About page look site-wide.
   Purple #7B2A8C / deep #4A1556 / lavender #F6EEF8 / gold #C9A24A / green #06703A.
   HERO = .mghs-pattern, .mghs-contact-hero, or a leading .gold-wash banner section. */

/* ---- Page heroes: purple gradient banner, white type, gold accents ---- */
:is(section.mghs-pattern,section.mghs-contact-hero,main>section.gold-wash:first-child){position:relative;overflow:hidden;background:linear-gradient(135deg,#4A1556 0%,#7B2A8C 60%,#86379A 100%)!important;color:#fff;border-bottom:0!important}
:is(section.mghs-pattern,section.mghs-contact-hero,main>section.gold-wash:first-child):before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.14),transparent 45%),radial-gradient(circle at 10% 90%,rgba(201,162,74,.18),transparent 40%)}
:is(section.mghs-pattern,section.mghs-contact-hero,main>section.gold-wash:first-child)>*{position:relative;z-index:1}
:is(section.mghs-contact-hero,main>section.gold-wash:first-child)>.site-shell{padding-top:72px;padding-bottom:72px}
:is(section.mghs-pattern,section.mghs-contact-hero,main>section.gold-wash:first-child) .eyebrow{color:#FBE9B0!important}
:is(section.mghs-pattern,section.mghs-contact-hero,main>section.gold-wash:first-child) :is(h1,h2,.section-title,.text-primary){color:#fff!important;font-family:Georgia,'Cormorant Garamond',serif}
:is(section.mghs-pattern,section.mghs-contact-hero,main>section.gold-wash:first-child) h1{font-size:clamp(2.4rem,5.5vw,4.2rem)!important;line-height:1.08!important}
:is(section.mghs-pattern,section.mghs-contact-hero,main>section.gold-wash:first-child) :is(p,li,.text-muted,.text-neutral){color:rgba(255,255,255,.92)!important}
:is(section.mghs-pattern,section.mghs-contact-hero,main>section.gold-wash:first-child) a:not(.brand-button){color:#FBE9B0}
:is(section.mghs-pattern,section.mghs-contact-hero,main>section.gold-wash:first-child) .brand-rule{background:#C9A24A!important}
:is(section.mghs-pattern,section.mghs-contact-hero,main>section.gold-wash:first-child) .brand-button-primary{background:#fff!important;color:#7B2A8C!important;border-color:#fff!important}
:is(section.mghs-pattern,section.mghs-contact-hero,main>section.gold-wash:first-child) :is(.brand-button-ghost,.brand-button-secondary){background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.7)!important}
:is(section.mghs-pattern,section.mghs-contact-hero,main>section.gold-wash:first-child) img{border-radius:22px;box-shadow:0 18px 40px rgba(0,0,0,.25)}
:is(section.mghs-pattern,section.mghs-contact-hero,main>section.gold-wash:first-child) :is(h1,h2) :is(span,em,strong),:is(section.mghs-pattern,section.mghs-contact-hero,main>section.gold-wash:first-child) .text-secondary{color:#FBE9B0!important}

/* ---- Page margins: content never runs to the screen edge ---- */
.site-shell{width:100%!important;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important;padding-left:clamp(20px,5vw,64px)!important;padding-right:clamp(20px,5vw,64px)!important;box-sizing:border-box}

/* ---- Minimum readable text sizes ---- */
header .text-xs,header [class*="text-[11"],header [class*="text-[12"],header [class*="text-[.7"],header small{font-size:13.5px!important}
.mghs-brand-subtitle{font-size:13px!important}
footer,footer p,footer a,footer li,footer small,footer .text-xs,footer .text-sm{font-size:14.5px!important}
footer .eyebrow{font-size:13px!important}
main .text-xs,main small{font-size:13.5px!important}
#mghs-about .ab-officer p,#mghs-school .os-stat span{font-size:13px!important}
.mghs-utility-link,.mghs-utility-right,.mghs-utility-right a,.mghs-utility-right span{font-size:13.5px!important}
.mghs-utility-dot{color:#FBE9B0!important}
.mghs-utility-link *,.mghs-donate-mobile,.mghs-donate-mobile *{font-size:13px!important}
.chapter-card-region{font-size:13px!important;color:#5E4A66!important}
.chapter-region-tabs button{font-size:14px!important;color:#4A1556!important;background:#fff!important;border:1px solid #E1CDE6!important}
main{overflow-x:clip}
.mghs-home-hero-photo,.mghs-home-hero-photo:hover,.mghs-purpose-card,.mghs-purpose-card:hover{transform:none!important}
.mghs-purpose-card img{border-radius:0!important;box-shadow:none!important}

/* ---- Homepage: alternating light-purple bands so each section reads as its own block ----
   Boxed (.site-shell) sections get a full-width band via box-shadow + clip-path. */
body.home main>section{--band:transparent}
body.home main>section:nth-child(2){--band:#F3E8F6}
body.home main>section:nth-child(3){--band:#FCF8FD}
body.home main>section:nth-child(5){--band:#EFE3F4}
body.home main>section:nth-child(6){--band:#FAF4FB}
body.home main>section:nth-child(7){--band:#EADCF0}
body.home main>section:nth-child(8){--band:#FCF8FD}
body.home main>section:is(:nth-child(2),:nth-child(3),:nth-child(5),:nth-child(6),:nth-child(7),:nth-child(8)){background:var(--band)!important;box-shadow:0 0 0 100vmax var(--band);clip-path:inset(0 -100vmax);border-top:1px solid #E4D3EA!important;border-bottom:0!important}
body.home main>section.site-shell{padding-top:4.5rem;padding-bottom:4.5rem}
/* white cards stand out on the tinted bands */
body.home main>section .paper-card{background:#fff}
.mghs-home-hero-photo img{box-shadow:none!important}
.chapter-region-tabs button[aria-pressed="true"]{color:#fff!important;background:#7B2A8C!important}
.mghs-contact-email .eyebrow{color:#FBE9B0!important}

/* ---- Legibility (WCAG AA) ---- */
main .eyebrow,footer .eyebrow,.text-secondary{color:#06703A!important}
main .brand-button-secondary{background:#06703A!important;border-color:#06703A!important;color:#fff!important}
.bg-secondary,[class*="!bg-secondary"]{background-color:#06703A!important}
main [class*="text-secondary"]{color:#06703A!important}
main [class*="text-gold"],main .school-chapter-date{color:#8A6418!important}
.mghs-gold-label{color:#8A6418}
.mghs-green-btn{color:#06703A!important;background:#fff!important}
.school-history-heading em,.school-chapter-date,.chapter-card-number,.gold-accent,.mghs-motto-line{color:#8A6418}

/* Dark bands (heroes, purple, green): light text + light gold accents */
:is(section.mghs-pattern,section.mghs-contact-hero,main>section.gold-wash:first-child,.bg-primary,.bg-secondary,.ab-hero,.ab-join) .eyebrow{color:#FBE9B0!important}
:is(section.mghs-pattern,section.mghs-contact-hero,main>section.gold-wash:first-child,.bg-primary,.bg-secondary) :is(.section-title,h2,h3,.text-primary){color:#fff!important}
:is(section.mghs-pattern,section.mghs-contact-hero,main>section.gold-wash:first-child,.bg-primary,.bg-secondary) :is([class*="text-gold"],em,.school-chapter-date,.mghs-gold-label,.gold-accent,.mghs-motto-line){color:#FBE9B0!important}
main [class*="text-white/7"],main [class*="text-white/6"],main [class*="text-white/5"]{color:rgba(255,255,255,.92)!important}

/* Light cards sitting inside dark bands: back to dark-on-light (exact bg-white only; translucent bg-white/10 panels stay light-on-dark) */
:is(section.mghs-pattern,section.mghs-contact-hero,main>section.gold-wash:first-child,.bg-primary,.bg-secondary) :is(.paper-card,.bg-white,[class*="!bg-white"]) .eyebrow{color:#06703A!important}
:is(section.mghs-pattern,section.mghs-contact-hero,main>section.gold-wash:first-child,.bg-primary,.bg-secondary) :is(.paper-card,.bg-white,[class*="!bg-white"]) :is(.section-title,h2,h3,.text-primary){color:#7B2A8C!important}
:is(section.mghs-pattern,section.mghs-contact-hero,main>section.gold-wash:first-child,.bg-primary,.bg-secondary) :is(.paper-card,.bg-white,[class*="!bg-white"]) :is([class*="text-gold"],em){color:#8A6418!important}
:is(section.mghs-pattern,section.mghs-contact-hero,main>section.gold-wash:first-child,.bg-primary,.bg-secondary) :is(.paper-card,.bg-white,[class*="!bg-white"]) :is(p,li,.text-muted,.text-neutral){color:#3F3A45!important}
:is(section.mghs-pattern,section.mghs-contact-hero,main>section.gold-wash:first-child,.bg-primary,.bg-secondary) a.brand-button[class*="bg-white"]{color:#06703A!important}

/* White text over photos / dark overlays stays white, even inside cards */
main .paper-card .text-white :is(h1,h2,h3,p,li,span,div:not(.eyebrow)),main .paper-card .text-white{color:#fff!important}
main .paper-card .text-white .eyebrow{color:#FBE9B0!important}

/* ---- Headings ---- */
main .section-title{font-family:Georgia,'Cormorant Garamond',serif;color:#7B2A8C;line-height:1.15}

/* ---- Soft bands: lavender instead of grey ---- */
main .bg-soft{background:#F6EEF8!important;border-color:#EADCEE!important}

/* ---- Cards ---- */
main .paper-card{background:#fff;border:1px solid #EADCEE;border-radius:20px;box-shadow:0 10px 30px rgba(74,21,86,.07);transition:transform .2s ease,box-shadow .2s ease}
main .paper-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(74,21,86,.11)}
main .paper-card.gold-border{border-top:3px solid #C9A24A!important}
main .paper-card h3,main .paper-card .font-serif{font-family:Georgia,'Cormorant Garamond',serif}

/* ---- Buttons ---- */
main .brand-button{border-radius:999px;transition:transform .15s ease,box-shadow .15s ease}
main .brand-button:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(74,21,86,.18)}
main .brand-button-primary{background:linear-gradient(135deg,#7B2A8C,#4A1556)}

/* ---- Purple feature bands ---- */
main .bg-primary.text-white{background:linear-gradient(135deg,#4A1556,#7B2A8C)!important}
main div.bg-primary.text-white{border-radius:32px}

/* ---- Embedded media ---- */
main iframe{border-radius:12px}

/* ---- Section rhythm on wide screens ---- */
@media(min-width:1024px){main>section.site-shell{padding-top:5rem;padding-bottom:5rem}}