/* Selected neutral brand direction: Pearl & Aurora. Product themes stay scoped. */
:root{
 --bryth-neutral-surface:#eef6f7;--bryth-neutral-paper:#fbfcfc;--bryth-neutral-ink:#24333a;
 --bryth-neutral-copy:#596b72;--bryth-neutral-accent:#466e79;--bryth-neutral-line:#759ca32e;
 --bryth-neutral-gradient:linear-gradient(110deg,#3e8a98,#ae7c93);
 --bryth-neutral-highlight:linear-gradient(110deg,#3e8a98,#ae7c93);
 --bryth-neutral-stroke:#d5e2e5;--bryth-neutral-hover:#e5f0f2;--bryth-neutral-muted:#64767d;
 --bryth-neutral-button:#34616d;--bryth-neutral-button-hover:#284f59;--bryth-neutral-on-button:#fffdf8;
 --bryth-aurora-ice:#d8f0f1;--bryth-aurora-peach:#f8e2d9;
 --bryth-aurora-background:radial-gradient(ellipse at 87% 26%,#d8f0f1,transparent 54%),radial-gradient(ellipse at 15% 72%,#f8e2d9,transparent 55%);
 --bryth-aurora-card:linear-gradient(145deg,#ffffffed,#edf7f7e8 65%,#d2e8eddb);
 --bryth-aurora-card-warm:linear-gradient(145deg,#fffdf9f5,#f8e8e2e8 70%,#eddae4de);
 --bryth-footer-surface:#eaf2f3;--bryth-footer-heading:#24333a;--bryth-footer-copy:#4f6670;
 --bryth-footer-muted:#5d737b;--bryth-footer-line:#93afb73b;
}
/* General pages are light; header geometry remains owned by site-header.css. */
body:is(.legal-page,.friends-page,.shop-page){display:flow-root;position:relative;isolation:isolate;color-scheme:light;background:var(--bryth-neutral-paper);color:var(--bryth-neutral-ink);--ink:var(--bryth-neutral-ink)}
body:is(.legal-page,.friends-page,.shop-page)::before{content:'';position:absolute;inset:0 0 auto;height:900px;z-index:-1;pointer-events:none;background:var(--bryth-aurora-background);-webkit-mask-image:linear-gradient(#000 65%,transparent);mask-image:linear-gradient(#000 65%,transparent)}
/* Shared introduction typography: identical text origins when switching pages. */
.shop-intro .shop-eyebrow,.friends-copy>.eyebrow{display:block;font-size:9px;font-weight:500;line-height:1.5;letter-spacing:.2em;margin:0 0 18px;padding:0}
.shop-intro h1,.friends-copy .friends-title{font-size:clamp(40px,4vw,64px);font-weight:400;line-height:1.05;letter-spacing:-.06em;margin-top:0;padding:0}
@media(max-width:700px){.shop-intro .shop-eyebrow,.friends-copy>.eyebrow{font-size:8px;line-height:1.5;letter-spacing:.2em;margin-bottom:16px}.shop-intro h1,.friends-copy .friends-title{font-size:clamp(34px,11vw,48px);line-height:1.08}}
:is(.legal-page,.friends-page,.shop-page) .site-header .brand img{filter:brightness(.22)}
:is(.legal-page,.friends-page,.shop-page) .nav-pill{background:#ffffff55;border-color:var(--bryth-neutral-line);color:var(--bryth-neutral-ink)}
:is(.legal-page,.friends-page,.shop-page) .nav-pill:hover,:is(.legal-page,.friends-page,.shop-page) .nav-pill[aria-current]{background:#ffffffbb;border-color:var(--bryth-neutral-stroke);color:var(--bryth-neutral-ink)}
:is(.legal-page,.friends-page,.shop-page) .header.site-header .header-cart{background:#ffffff66;border-color:var(--bryth-neutral-line);color:var(--bryth-neutral-ink)}
:is(.legal-page,.friends-page,.shop-page) .header.site-header .header-cart:hover{background:#ffffffcc}
:is(.legal-page,.friends-page,.shop-page) .moments-menu{background:#fbfcfcf5;border-color:var(--bryth-neutral-stroke);box-shadow:0 18px 50px #344e591a}
:is(.legal-page,.friends-page,.shop-page) .moment-option{color:var(--bryth-neutral-ink)}
:is(.legal-page,.friends-page,.shop-page) .moment-option:hover{background:var(--bryth-neutral-hover)}
:is(.legal-page,.friends-page,.shop-page) .coming-soon{color:var(--bryth-neutral-copy);border-color:var(--bryth-neutral-line)}
:is(.legal-page,.friends-page,.shop-page) .coming-dot{background:var(--bryth-neutral-accent)}
:is(.legal-page,.friends-page,.shop-page) .skip-link{background:var(--bryth-neutral-button);color:var(--bryth-neutral-on-button)}
:is(.legal-page,.friends-page,.shop-page) :is(a,button,summary,input,textarea,select):focus-visible{outline-color:var(--bryth-neutral-button)}
/* Shared sections outside the individual product artwork. */
.moments-section{background:var(--bryth-aurora-background),var(--bryth-neutral-paper)}
.brand-story{background:radial-gradient(ellipse at 10% 45%,#d8f0f16b,transparent 60%),var(--bryth-neutral-paper)}
.brand-story-features svg{color:var(--bryth-neutral-accent)}
.moments-heading h2 span,.shop-intro h1 span{background:var(--bryth-neutral-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}
.brand-story .brand-story-cta,.shop-card-buy{background:var(--bryth-neutral-button);border-color:var(--bryth-neutral-button);color:var(--bryth-neutral-on-button)}
.brand-story .brand-story-cta:hover,.shop-card-buy:hover{background:var(--bryth-neutral-button-hover);border-color:var(--bryth-neutral-button-hover)}
.moments-section :is(a,button):focus-visible,.brand-story :is(a,button):focus-visible{outline-color:var(--bryth-neutral-button)}
.shop-delivery{background:#ffffff55;border:1px solid #ffffffa6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.shop-card{background:#ffffffdd}
.shop-card-visual{background:linear-gradient(150deg,#ffffffbd,#eef6f7ba),var(--bryth-neutral-surface)}
.shop-newsletter{background:radial-gradient(ellipse at 85% 20%,#d8f0f1c4,transparent 60%),radial-gradient(ellipse at 12% 90%,#f8e2d99c,transparent 65%),var(--bryth-neutral-paper)}
.shop-newsletter h2 span{background:var(--bryth-neutral-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}
.newsletter-field{background:#ffffffc9}.newsletter-field button{background:var(--bryth-neutral-button);color:var(--bryth-neutral-on-button)}
.newsletter-field button:hover{background:var(--bryth-neutral-button-hover)}
.cart-drawer .primary-cta:not(:disabled){background:var(--bryth-neutral-button);color:var(--bryth-neutral-on-button)}
/* Referral cards match the selected icy/warm pearl concept. */
.friends-page :is(.friends-copy .eyebrow,.friends-intro,.friends-offer,.friends-small,.how-link,.friends-passes figcaption,.friends-hero-foot,.friends-hero-foot a,.pass-heading,.pass-bottom,.friends-section-heading .eyebrow,.friends-section-heading>p:not(.eyebrow),.friends-step-number,.friends-steps p,.share-copy .eyebrow,.share-copy>p:not(.eyebrow),.share-card-label,.share-card>p,.sharing-demo>label,.share-message summary,.copy-status,.faq-list p,.friends-closing .eyebrow){color:var(--bryth-neutral-copy)}
.friends-page :is(.friends-offer strong,.pass-description,.faq-list summary,.referral-link-field input,.share-message textarea){color:var(--bryth-neutral-ink)}
.friends-page :is(.how-link,.pass-orbit,.pass-bottom,.friends-hero-foot,.friends-steps li,.sharing-demo,.referral-link-field,.referral-link-field button,.share-message textarea,.message-copy,.faq-list details,.faq-list details:last-child){border-color:var(--bryth-neutral-line)}
.friends-page .pass-orbit::after{border-color:var(--bryth-neutral-line)}
.friends-page .how-link:hover{color:var(--bryth-neutral-button)}
.friends-page .pass-halo{background:radial-gradient(ellipse,var(--bryth-aurora-ice),transparent 70%)}
.friends-page .reward-pass{background:var(--bryth-aurora-card);border-color:#ffffffdb;box-shadow:0 20px 45px #3b4e5415}
.friends-page .pass-friend{background:var(--bryth-aurora-card-warm);border-color:#ffffffe3}
.friends-page .pass-heading img{filter:brightness(.22)}
.friends-page .pass-friend .pass-value{background:var(--bryth-neutral-gradient);background-clip:text;-webkit-background-clip:text}
.friends-page .pass-dot{background:var(--bryth-neutral-accent)}
.friends-page :is(.friends-section-heading h2 span,.share-copy h2 span,.share-signature span,.friends-closing h2 span){color:var(--bryth-neutral-accent)}
.friends-page .friends-share,.friends-page .friends-closing{background:var(--bryth-aurora-background),var(--bryth-neutral-paper)}
.friends-page .share-card{background:#ffffffb8;border-color:var(--bryth-neutral-stroke);box-shadow:0 20px 60px #344e5910}
.friends-page :is(.referral-link-field,.share-message textarea){background:#ffffffd9}
.friends-page :is(.preview-pill,.message-copy){color:var(--bryth-neutral-accent)}
.friends-page .faq-list summary::after{color:var(--bryth-neutral-accent)}
.friends-page .preview-pill{border-color:var(--bryth-neutral-stroke)}
.friends-page .friends-closing::before{content:none}
.friends-page .primary-cta{background:var(--bryth-neutral-button);color:var(--bryth-neutral-on-button)}
.friends-page .primary-cta:hover{background:var(--bryth-neutral-button-hover)}
/* Information pages: a white reading surface on the same bright brand backdrop. */
.legal-page .legal-article{background:#ffffffed;border:1px solid var(--bryth-neutral-line);box-shadow:0 15px 50px #365d6810}
.legal-page .legal-sidebar nav>a:hover{color:var(--bryth-neutral-ink);background:#ffffff70}
.legal-page .legal-sidebar nav>a[aria-current]{color:var(--bryth-neutral-ink);background:#d8edf0a8}
.legal-page .legal-back{color:var(--bryth-neutral-copy)}
.legal-page .legal-section .primary-cta{background:var(--bryth-neutral-button);color:var(--bryth-neutral-on-button)}
.legal-page .legal-section .primary-cta:hover{background:var(--bryth-neutral-button-hover)}
.legal-page .secondary-button{color:var(--bryth-neutral-copy)}
/* The common footer is bright on all pages, including both product themes. */
.site-footer{background:linear-gradient(120deg,#edf6f6,#f7f4f2);color:var(--bryth-footer-copy)}
.site-footer .footer-brand img{filter:brightness(.22)}
.site-footer .footer-information>a:hover,.site-footer .footer-help>a:hover{color:var(--bryth-neutral-ink)}
.site-footer .footer-information>.footer-withdraw{color:var(--bryth-neutral-copy);border-color:var(--bryth-neutral-stroke);background:#ffffff66}
.site-footer .social-icon{border-color:var(--bryth-neutral-stroke);background:#ffffff66;color:var(--bryth-neutral-copy)}
.site-footer :is(a,button):focus-visible{outline-color:var(--bryth-neutral-button)}
.site-launch-readiness>summary:focus-visible{outline-color:#865522}
#about-dialog{background:var(--bryth-aurora-background),var(--bryth-neutral-paper);color:var(--bryth-neutral-ink);border-color:var(--bryth-neutral-stroke);box-shadow:0 30px 120px #344e5940;color-scheme:light}
#about-dialog::backdrop{background:#25383f80}
#about-dialog .eyebrow{color:var(--bryth-neutral-copy)}
#about-dialog h2 span{color:var(--bryth-neutral-accent)}
#about-dialog>p:not(.eyebrow),#about-dialog .info-signature{color:var(--bryth-neutral-copy)!important}
#about-dialog .primary-cta{background:var(--bryth-neutral-button);color:var(--bryth-neutral-on-button)}
#about-dialog :is(a,button):focus-visible{outline-color:var(--bryth-neutral-button)}
@media(max-width:700px){body:is(.legal-page,.friends-page,.shop-page)::before{height:1150px}}
@media print{body:is(.legal-page,.friends-page,.shop-page){background:#fff!important}body:is(.legal-page,.friends-page,.shop-page)::before{display:none}.legal-page .legal-article{background:#fff;border:0;box-shadow:none}}
