/* MOMU accent theme (2026-11-08). Loaded last by layout.php so it wins over the older stylesheets.
   ONE place for the brand accent in light and dark mode: change the values in the two blocks below and
   buttons, links, eyebrows, chips, focus rings, the hero and the admin tools follow.
   Light: deep emerald (readable on white, AA for white text on buttons). Dark: mint text, emerald buttons on navy. */
html[data-theme="light"]{
  --momu-accent:#0b7d60;
  --momu-accent-hover:#09664e;
  --momu-accent-text:#0b7d60;
  --momu-accent-soft:rgba(11,125,96,.1);
  --momu-accent-ring:rgba(11,125,96,.22);
  --shop-accent:var(--momu-accent);--shop-accent-hover:var(--momu-accent-hover);
  --exec-gold:var(--momu-accent);--exec-gold-light:#10a37f;
}
html[data-theme="dark"]{
  --momu-accent:#12916f;
  --momu-accent-hover:#17a981;
  --momu-accent-text:#5fe3b3;
  --momu-accent-soft:rgba(52,211,153,.12);
  --momu-accent-ring:rgba(52,211,153,.3);
  --shop-accent:var(--momu-accent-text);--shop-accent-hover:#8ff0cf;
  --exec-gold:var(--momu-accent-text);--exec-gold-light:#8ff0cf;
}

/* Buttons */
html[data-theme] .btn,html[data-theme] .btn.small{background:var(--momu-accent)!important;border-color:var(--momu-accent)!important;color:#fff!important}
html[data-theme] .btn:hover{background:var(--momu-accent-hover)!important;border-color:var(--momu-accent-hover)!important}
html[data-theme] .btn.ghost{background:var(--shop-surface)!important;border-color:var(--shop-line)!important;color:var(--shop-text)!important}
html[data-theme] .btn.ghost:hover{border-color:var(--momu-accent)!important;background:var(--shop-soft)!important;color:var(--shop-text)!important}
html[data-theme] .btn.danger{background:#b3353f!important;border-color:#b3353f!important;color:#fff!important}
html[data-theme] .btn.danger:hover{background:#962b34!important;border-color:#962b34!important}
:where(a,button,select,input,summary):focus-visible{outline:3px solid var(--momu-accent)!important;outline-offset:4px}
html[data-theme] .momu-header .momu-primary-nav>.momu-client-link{background:var(--momu-accent)!important;border-color:var(--momu-accent)!important;color:#fff!important}
html[data-theme] .momu-header .momu-primary-nav>.momu-client-link:hover{background:var(--momu-accent-hover)!important;border-color:var(--momu-accent-hover)!important;color:#fff!important}

/* Storefront accents that were hard-coded blue */
html[data-theme] .store-eyebrow,html[data-theme] .section-kicker{color:var(--momu-accent-text)!important}
.store-category-link.is-active{background:var(--momu-accent)!important;border-color:var(--momu-accent)!important;color:#fff!important}
html[data-theme="light"] .showcase-product-type,html[data-theme="light"] .discord-float span,html[data-theme="light"] .momu-home-season-hero .momu-hot-label{color:var(--momu-accent)!important}
html[data-theme="light"] .mobile-included-note{border-color:var(--momu-accent-ring)!important;border-left-color:var(--momu-accent)!important;background:var(--momu-accent-soft)!important}
.showcase-product-tab.is-active{box-shadow:inset 3px 0 var(--momu-accent),0 8px 24px rgba(21,44,74,.07)}
.showcase-product-actions>a:last-child{color:var(--momu-accent-text)}
.payment-method-icon{background:var(--momu-accent);box-shadow:0 7px 18px var(--momu-accent-ring)}
.paypal-postal-input:focus{border-color:var(--momu-accent);box-shadow:0 0 0 3px var(--momu-accent-ring)}
.payment-security-note{border-left-color:var(--momu-accent);background:var(--momu-accent-soft)}
html[data-theme="light"] body[class*="view-admin"] .main :is(.admin-file-line b,.sale-price,.sale-mini){color:var(--momu-accent)!important}
html[data-theme="light"] body[class*="view-admin"] .main table a:not(.btn):not(.status){color:var(--momu-accent)!important}
html[data-theme="light"] body[class*="view-admin"] .main :is(input,textarea,select){accent-color:var(--momu-accent)}
html[data-theme="light"] body[class*="view-admin"] .main :is(input,textarea,select):focus{border-color:var(--momu-accent)!important;box-shadow:0 0 0 3px var(--momu-accent-ring)!important}
body.view-admin_product_form .admin-image-upload input::file-selector-button{background:var(--momu-accent)}

/* Home: dark hero + showcase panels keep the navy base, accents go mint */
.momu-panel{--hero-accent:#7af0c6;--hero-glow:rgba(16,185,129,.34);
  background:radial-gradient(900px 440px at 88% -12%,var(--hero-glow),transparent 62%),radial-gradient(620px 320px at -8% 112%,rgba(18,145,111,.3),transparent 60%),linear-gradient(135deg,var(--hero-bg) 0%,var(--hero-bg2) 100%)}
.momu-hero-badge{border-color:rgba(122,240,198,.4);background:rgba(122,240,198,.1)}
.momu-hero-badge:hover{background:rgba(122,240,198,.2)}
.momu-hero-art::before{background:radial-gradient(ellipse at 52% 62%,rgba(139,92,246,.48) 0%,rgba(20,184,140,.2) 46%,transparent 70%)}
.momu-showcase-play:hover,.momu-showcase-slide>img:hover~.momu-showcase-play,.momu-showcase-arrow:hover{background:var(--momu-accent-hover,#17a981);border-color:var(--momu-accent-hover,#17a981)}
.momu-showcase-thumb.is-active{background:rgba(122,240,198,.12)}
.momu-showcase-thumb.is-active .momu-showcase-thumb-media i,.momu-showcase-thumb:hover .momu-showcase-thumb-media i{background:rgba(18,145,111,.6)}