html[data-theme="dark"]{color-scheme:dark;background:#151517;color:#f1f1f3}
html[data-theme="light"]{color-scheme:light}
html[data-theme="dark"] [data-theme-surface]{background-color:#1b1b1f!important}
html[data-theme="dark"] [data-theme-ink]{color:#dedee4!important}
html[data-theme="dark"] [data-theme-border]{border-color:#45454e!important}
html[data-theme="dark"] input,html[data-theme="dark"] textarea,html[data-theme="dark"] select{background:#25252b!important;color:#f1f1f3!important;border-color:#666!important}
html[data-theme="dark"] ::placeholder{color:#bdbdc8!important}
html[data-theme="dark"] :is(h1,h2,h3,h4,h5),html[data-theme="dark"] .heading-word{color:#f1f1f3!important}
html[data-theme="dark"] .heading-word{opacity:1!important}
html[data-theme="dark"] .pvhm-button,html[data-theme="dark"] .pvgd-button{background:#f05b93!important;color:#111!important}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;padding:0;background:transparent;color:#f05b93;border:1px solid #f05b9370;border-radius:50%;cursor:pointer}
.theme-toggle:hover{background:#f05b9320}.theme-toggle:focus-visible{outline:3px solid #f05b93;outline-offset:3px}
.social-menu:has(.theme-toggle){gap:12px;padding-inline:12px}.social-menu .theme-toggle{width:36px;height:40px;border:0}
.project-nav .theme-toggle{margin-left:12px}
.social-menu:has(.theme-toggle){display:flex;justify-content:flex-end;align-items:center;box-sizing:border-box}
.social-menu:has(.theme-toggle) a{width:24px;min-width:0;padding:0;display:inline-flex;align-items:center;justify-content:center}
.social-menu:has(.theme-toggle) a.language-switch{width:44px;font-size:13px}
@media(max-width:700px){.social-menu:has(.theme-toggle){gap:7px;padding-inline:8px}.social-menu .theme-toggle{width:34px}.social-menu a{flex-shrink:0}.social-menu:has(.theme-toggle) a[href*="linkedin"]{display:none}}
@media(max-width:380px){.social-menu:has(.theme-toggle) a[href*="linkedin"]{display:none}}

/* Section hierarchy: white information, black and pink commercial emphasis. */
html[data-theme] main .section-general{background-color:#fff!important;color:#111}
html[data-theme] main .section-highlight-black{background-color:#000!important;color:#fff!important}
html[data-theme] main .section-highlight-pink{background-color:#f05b93!important;color:#111!important}
html[data-theme] main :is(.section-highlight-black,.section-highlight-pink) :is(h1,h2,h3,h4,p,li,span,figcaption,.heading-word){color:inherit!important}
html[data-theme] main .section-highlight-black :is(p,figcaption){color:#e4e4e4!important}
html[data-theme] main .section-highlight-pink :is(p,figcaption){color:#222!important}
html[data-theme] main .section-highlight-pink :is(.pvgd-button,.pvhm-button,.mascot-button){background:#111!important;color:#fff!important}
html[data-theme] main .section-light-panel{background:#fff!important;color:#111!important}
html[data-theme] main .section-light-panel :is(h2,h3,p,li,span){color:#111!important}
html[data-theme] main .section-highlight-black a:not([class*="button"]){color:inherit}
html[data-theme] main .section-divider{border-top:1px solid #d4d4d4}
html[data-theme="dark"] main :is(.section-general,.section-white){background-color:#000!important;color:#eee}
html[data-theme="dark"] main .section-divider{border-top-color:#444}

/* Mascot service is the sole gray section exception. */
html[data-theme] main .section-mascot-gray{background-color:#e7ebf2!important;color:#111!important}
html[data-theme] main .section-mascot-gray :is(h1,h2,h3,h4,p,li,span,figcaption,.heading-word,summary){color:#111!important}
html[data-theme] main .section-mascot-gray :is(.pvhm-button,.pvgd-button){background:#f05b93!important;color:#111!important}
html[data-theme] main .section-mascot-gray a:not([class*="button"]){color:#111!important}
html[data-theme] main .section-mascot-gray+.section-mascot-gray{border-top:1px solid #c5cad3}

html[data-theme] main .section-general :is(h1,h2,h3,h4,p,li,figcaption,summary){color:#111!important}
html[data-theme="dark"] main .section-general :is(h1,h2,h3,h4,p,li,figcaption,summary){color:#eee!important}
html[data-theme] main .section-general a:not([class*="button"]){color:inherit!important}

/* Keep readable ink on the approved light panels in both themes. */
html[data-theme] main .section-mascot-gray .mascot-service__closing { background-color:#f3f3f3!important; }
html[data-theme] main .sales-black .sales-packages article :is(h3,p,li,span) { color:#111!important; }
html[data-theme="dark"] main .pvgd-statement :is(h2,p,.heading-word) { color:#111!important; }
html[data-theme] main .branding-hero:not(.web-background-hero) :is(h1,p,.heading-word) { color:#111!important; }
html[data-theme="dark"] main .shop-intro :is(h1,.heading-word) { color:#111!important; }
html[data-theme="dark"] .sports-slider-controls button { color:#eee; border-color:#eee; }
html[data-theme] .branding-hero ~ .pvhm-process .pvhm-eyebrow { color:#aaa!important; }