/* Approved palette 09: Haver / marineblauw, with its related light surfaces. */
:root{--ys-brand-green:#598365;--ys-lab-bg:#e7dfce;--ys-lab-ink:#082f62;--ys-lab-text:#082f62;--ys-lab-dark:#29483e;--ys-lab-accent:#bba380;--ys-lab-paper:#faf7f0;--ys-lab-secondary:#ede6d8;--ys-lab-glass:#29483ec7}
/* Temporary comparison toolbar. Brand assets and layout remain intact. */
html[data-ys-color-lab]{--ys-colorbar-height:112px;scroll-padding-top:calc(var(--ys-colorbar-height) + 100px)}
html[data-ys-color-lab] body{padding-top:var(--ys-colorbar-height)!important}
.ys-colorbar{position:fixed;inset:0 0 auto;z-index:10050;box-sizing:border-box;padding:12px 22px 10px;background:#f4f1e9;border-bottom:1px solid #082f6230;color:#082f62;box-shadow:0 3px 16px #082f620e;font:14px/1.35 'YS Golos',Arial,sans-serif}
.ys-colorbar *{box-sizing:border-box}
.ys-colorbar__main{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.ys-colorbar__title{font-size:12px;font-weight:700;letter-spacing:.1em;flex:none}
.ys-colorbar__title small{display:block;font-size:12px;font-weight:400;letter-spacing:0;opacity:.65;margin-top:4px}
.ys-colorbar__picker{display:flex;gap:6px;flex:1;min-width:320px}
.ys-colorbar button,.ys-colorbar select{appearance:auto;font:inherit!important;color:#082f62;background:#fffdf8;border:1px solid #082f6235;border-radius:5px;min-height:40px;padding:8px 12px;cursor:pointer}
.ys-colorbar select{max-width:100%}
.ys-colorbar__picker select{flex:1;width:0;min-width:0;font-weight:600!important}
.ys-colorbar__picker button{width:40px;flex-shrink:0;padding:8px}
.ys-colorbar__actions{display:flex;gap:6px;align-items:center}
.ys-colorbar button:hover{background:#e6e0d4}
.ys-colorbar button[aria-pressed=true]{background:#285640;color:#f7f3e9;border-color:#285640}
.ys-colorbar :is(button,select):focus-visible{outline:2px solid #b9935b;outline-offset:2px}
.ys-colorbar__detail{display:flex;gap:16px;align-items:center;margin-top:9px;font-size:12px;color:#41585b}
.ys-colorbar__swatches{display:flex;gap:14px;flex-wrap:wrap}
.ys-colorbar__swatch{display:inline-flex;align-items:center;gap:5px}
.ys-colorbar__swatch i{display:inline-block;width:15px;height:15px;border-radius:3px;border:1px solid #082f6230}
#ys-color-count{margin-left:auto;white-space:nowrap;font-variant-numeric:tabular-nums}
#ys-color-note{white-space:nowrap}
.ys-colorbar__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
html[data-ys-color-lab] .ys-navigation{translate:0 var(--ys-colorbar-height)}
html[data-ys-palette] #how-it-works{background:var(--ys-lab-bg)!important;color:var(--ys-lab-ink)!important}
html[data-ys-palette] #how-it-works .flow__bg{display:none!important}
html[data-ys-palette] #how-it-works :is(.flow__title,.ys-flow__eyebrow,.ys-flow__intro,.ys-flow__quote){color:var(--ys-lab-ink)!important}
html[data-ys-palette] #how-it-works .ys-flow__closing{background:var(--ys-lab-paper)!important;color:var(--ys-lab-dark)!important}
html[data-ys-palette] #how-it-works .ys-flow__closing :is(h3,p){color:var(--ys-lab-dark)!important}
html[data-ys-palette] :is(.ys-demo-grid,.ys-fan-stage)>.ys-demo-card:nth-child(n){--card:var(--ys-lab-glass);background:var(--ys-lab-glass)}
html[data-ys-palette] .ys-fan-copy .ys-demo-copy{background:var(--ys-lab-glass)}
html[data-ys-palette] #how-it-works .ys-accented-title::after,
html[data-ys-palette] #how-it-works .ys-accented-title .split-word:last-child::after{color:var(--ys-lab-accent)!important}
/* Full-site trial: related light surfaces, a dark ink and clear section seams. */
html[data-ys-color-scope=site] body{--black:var(--ys-lab-text);--white:var(--ys-lab-paper);--pale-yellow:var(--ys-lab-bg);--orange:var(--ys-lab-accent);--magenta:var(--ys-lab-dark)}
html[data-ys-color-scope=site] :is(#top.hero,.legal-hero,.legal-copy,.about-copy,.news-main,.registration){background:var(--ys-lab-paper)!important;color:var(--ys-lab-text)!important}
html[data-ys-color-scope=site] #top :is([data-hero-title],[data-hero-paragraph],.hero__text){color:var(--ys-lab-text)!important}
html[data-ys-color-scope=site] #top .hero__bg{color:var(--ys-brand-green)!important}
html[data-ys-color-scope=site] #top .hero__bg path:nth-child(2){fill:var(--ys-lab-accent)!important;stroke:var(--ys-lab-accent)!important}
html[data-ys-color-scope=site] .ys-story{background:var(--ys-lab-secondary)!important;color:var(--ys-lab-text)!important}
html[data-ys-color-scope=site] .ys-story :is(h2,h3,p){color:var(--ys-lab-text)!important}
html[data-ys-color-scope=site] #contact.ys-site-footer__stage{background:var(--ys-lab-paper)!important}
html[data-ys-color-scope=site] footer.ys-site-footer{background:var(--ys-lab-secondary)!important;--ys-footer-ink:var(--ys-lab-text);--ys-footer-muted:var(--ys-lab-text);color:var(--ys-lab-text)!important}
html[data-ys-color-scope=site] :is(#contact .ys-site-footer__bg .hero__bg,.legal-hero__pattern){color:var(--ys-brand-green)!important}
html[data-ys-color-scope=site] .ys-navigation{color:var(--ys-lab-text)}
html[data-ys-color-scope=site] .ys-navigation__bar{background:var(--ys-lab-paper)}
html[data-ys-color-scope=site] :is(.ys-navigation__toggle,.ys-navigation__login,.ys-osmo-social){background:var(--ys-lab-secondary)!important;color:var(--ys-lab-text)!important}
html[data-ys-color-scope=site] :is(.ys-navigation__enrol,.closing .contact){background:var(--ys-lab-accent)!important;color:var(--ys-lab-text)!important}
html[data-ys-color-scope=site] :is(.hero__content,.ys-site-footer__content,.legal-copy,.about-copy) .ys-fill-control{color:var(--ys-lab-text)!important}
html[data-ys-color-scope=site] .ys-hero-news-card{background:var(--ys-lab-glass)!important}
@media(max-width:900px){.ys-colorbar__title{display:none}.ys-colorbar__main{gap:8px}.ys-colorbar__picker{min-width:280px}.ys-colorbar__actions{margin-left:auto}#ys-color-note{display:none}}
@media(max-width:600px){.ys-colorbar{padding:9px 10px}.ys-colorbar__picker{min-width:0;flex-basis:100%}.ys-colorbar__actions{width:100%;justify-content:space-between}.ys-colorbar__actions button,.ys-colorbar__actions select{padding:7px 9px;font-size:12px!important}.ys-colorbar__detail{gap:7px;font-size:10px}.ys-colorbar__swatches{gap:9px}.ys-colorbar__swatch{gap:3px}.ys-colorbar__swatch i{width:12px;height:12px}}
html[data-ys-color-scope=site] :is(.legal-copy,.about-copy,.news-main,.registration) :is(h1,h2,h3,p,li,label){color:var(--ys-lab-text)!important}
html[data-ys-color-scope=site] :is(.legal-copy,.about-copy,.news-main,.registration) a{color:var(--ys-lab-text)!important}
html[data-ys-color-scope=site] #top [data-hero-title] *{color:inherit!important}
html[data-ys-color-scope=site] #top [data-hero-title] .split-word:last-child::after{color:var(--ys-lab-accent)!important}
html[data-ys-color-scope=site] .ys-story :is(h2,h3,p) *{color:inherit!important}
html[data-ys-color-scope=site] :is(#contact,footer.ys-site-footer) :is(h2,h3,p,a,strong,button){color:var(--ys-lab-text)!important}
html[data-ys-color-scope=site] .ys-navigation__primary{background:var(--ys-lab-secondary)!important}

/* Shared brand roles retain the logo artwork and the existing interactions. */
html[data-ys-color-scope=site] body{--ys-sage:var(--ys-lab-bg);--ys-logo-green:var(--ys-lab-dark);--ys-deep-green:var(--ys-lab-dark);--ys-cream:var(--ys-lab-paper);--ys-navy:var(--ys-lab-text);--ys-sand:var(--ys-lab-accent)}
html[data-ys-color-scope=site] .ys-navigation__bar::before,
html[data-ys-color-scope=site] .ys-navigation__top::before{background:var(--ys-lab-paper)!important}
html[data-ys-color-scope=site] .ys-navigation__secondary{background:var(--ys-lab-paper)!important}
html[data-ys-color-scope=site] .ys-navigation :is(a,button){color:var(--ys-lab-text)!important}
html[data-ys-color-scope=site] .ys-navigation__toggle:is(:hover,.is-open *){background:var(--ys-lab-bg)!important}
html[data-ys-color-scope=site] :is(.hero__logo-easter-egg,.ys-section-contact) .pop-up__overlay-content{background:var(--ys-lab-paper)!important;color:var(--ys-lab-text)!important}
html[data-ys-color-scope=site] .ys-demo-sticker{background:var(--ys-lab-paper)!important;color:var(--ys-lab-text)!important}
html[data-ys-color-scope=site] .ys-story .ys3-understanding,
html[data-ys-color-scope=site] .ys-story .ys3-together{background:var(--ys-lab-paper)!important}
/* Inner-page designs and form controls share the approved colour roles. */
html[data-ys-color-scope=site] body{--cream:var(--ys-lab-paper);--paper:var(--ys-lab-paper);--ink:var(--ys-lab-text);--green:var(--ys-lab-dark);--sage:var(--ys-lab-bg);--gold:var(--ys-lab-accent);--line:color-mix(in srgb,var(--ys-lab-text) 15%,transparent)}
html[data-ys-color-scope=site] :is(.ys3-sage,.ys3-pale){background:var(--ys-lab-bg)!important;color:var(--ys-lab-text)!important}
html[data-ys-color-scope=site] .ys3-sand{background:var(--ys-lab-paper)!important;color:var(--ys-lab-text)!important}
html[data-ys-color-scope=site] .ys3-navy{background:var(--ys-lab-text)!important;color:var(--ys-lab-paper)!important}
html[data-ys-color-scope=site] .ys3-green{background:var(--ys-brand-green)!important;color:var(--ys-lab-paper)!important}
html[data-ys-color-scope=site] :is(.dot,.ys3-title-dot){color:var(--ys-lab-accent)!important}
html[data-ys-color-scope=site] .circled path{stroke:var(--ys-lab-accent)!important}
html[data-ys-color-scope=site] .independence blockquote{background:var(--ys-lab-bg)!important;color:var(--ys-lab-text)!important}
html[data-ys-color-scope=site] .news-article{background:var(--ys-lab-paper)!important;color:var(--ys-lab-text)!important}
html[data-ys-color-scope=site] .news-pattern{color:var(--ys-brand-green)!important}
html[data-ys-color-scope=site] .news-article h1 span{color:var(--ys-lab-accent)!important}
html[data-ys-color-scope=site] :is(.ys-registration-window,.ys-registration-window__header,.ys-registration-window__loading,.ys-registration-window iframe){background:var(--ys-lab-paper)!important;color:var(--ys-lab-text)!important}
html[data-ys-color-scope=site] :is(.ys-registration-window__close,.preview-notice,.upload){background:var(--ys-lab-bg)!important;color:var(--ys-lab-text)!important}
html[data-ys-color-scope=site] .registration .field-error{color:var(--error)!important}
html[data-ys-color-scope=site] body{background:var(--ys-lab-paper)!important;color:var(--ys-lab-text)!important}

/* The contact sweep uses the same opaque logo green as the hero. */
html[data-ys-color-scope=site] #contact .ys-site-footer__bg .hero__bg{opacity:1!important}