/* Full-site light appearance. Layout and content are shared with the dark version. */
html[data-theme=light] {
  --green: #087c51;
  --green-bright: #087c51;
  --cream: #17211d;
  --light-paper: #f6f7f5;
  --light-panel: #fff;
  --light-ink: #17211d;
  --light-muted: #59645e;
  --light-border: #17211d24;
  background: var(--light-paper);
  color: var(--light-ink);
  color-scheme: light;
}
html[data-theme=light] body { background: var(--light-paper); color: var(--light-ink); }
html[data-theme=light] #app :is(.homepage,.service-page,.documents-page,.contracts-page,.registration-page,.success-page,.config-page,.projects-page,.business-page) {
  background: var(--light-paper);
  color: var(--light-ink);
  color-scheme: light;
  background-blend-mode: normal;
}
html[data-theme=light] #app :is(input,select,textarea) {
  background: var(--light-panel);
  border-color: var(--light-border);
  color: var(--light-ink);
  color-scheme: light;
}
html[data-theme=light] #app :is(input,textarea)::placeholder { color: #758078; }
html[data-theme=light] #app :is(input,select,textarea):focus-visible { outline-color: #087c5180; border-color: #087c51; }
html[data-theme=light] #app :is(.local-note,.form-status) { color: var(--light-muted); }
html[data-theme=light] #app .form-status:not(:empty) { color: #087c51; }
html[data-theme=light] #app :is(.send-button,.details-button),html[data-theme=light] .feedback-modal .send-button { background: #087c51; border-color: #087c51; color: #fff; }
html[data-theme=light] #app :is(.send-button,.details-button):hover,html[data-theme=light] .feedback-modal .send-button:hover { background: #086b49; }
html[data-theme=light] #app .red-button { background: #bf3038; border-color: #bf3038; color: #fff; }
html[data-theme=light] #app .red-button:hover { background: #a52c33; }
html[data-theme=light] #app .return-link { color: #087c51; }
html[data-theme=light] #app .return-link:hover { color: #075d3d; }

/* Fixed glass header and its compact menu retain their existing dimensions. */
html[data-theme=light] #app .site-header { background: rgba(255,255,255,.95); border-bottom-color: var(--light-border); box-shadow: inset 0 1px 0 #fff; color-scheme: light; }
@media (hover:hover) {
  html[data-theme=light] #app .site-header:hover { background-color: #fff; }
}
html[data-theme=light] #app .site-header:focus-within { background-color: #fff; }
html[data-theme=light] #app .site-footer {
  --footer-line: #1717172b;
  --footer-heading: #1d1d1f;
  background: #f2f2f4;
  color: #535355;
}
html[data-theme=light] #app .site-header :is(.brand span,nav a) { color: var(--light-ink); }
html[data-theme=light] #app .site-header :is(nav a:hover,nav a.active) { color: #087c51; }
html[data-theme=light] #app .site-header .languages { border-color: var(--light-border); }
html[data-theme=light] #app .site-header .languages a { color: var(--light-muted); }
html[data-theme=light] #app .site-header .languages a[aria-current] { color: #075d3d; background: #087c5117; }
html[data-theme=light] #app .site-header .menu-toggle { background: #ffffffb3; border-color: var(--light-border); }
html[data-theme=light] #app .site-header .menu-toggle span { background: var(--light-ink); }
@media(max-width:1100px) { html[data-theme=light] #app .site-header nav { background: #fffffff5; border-bottom-color: var(--light-border); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); } }

/* Homepage sections below the selected hero. */
html[data-theme=light] #app .how-section { --how-paper: #f6f7f5; color: var(--light-ink); color-scheme: light; }
html[data-theme=light] #app .contact-section { background: var(--light-paper); color: var(--light-ink); }
html[data-theme=light] #app .contact-shade { background: var(--light-paper); }
html[data-theme=light] #app .contact-shade::after { background: #f6f7f5e6; }
html[data-theme=light] #app :is(.contact-form,.contact-details) { background: #ffffffd9; border-color: var(--light-border); box-shadow: inset 0 1px 0 #fff; }
html[data-theme=light] #app :is(.contact-heading h2,.contact-form h3,.contact-detail a,.contact-detail p,.contact-detail .hours strong) { color: var(--light-ink); }
html[data-theme=light] #app :is(.contact-heading p,.contact-field>span,.contact-detail h3,.contact-detail .phone-list a:not(:first-child),.contact-detail .hours) { color: var(--light-muted); }
html[data-theme=light] #app .contact-detail { border-color: var(--light-border); }
html[data-theme=light] #app .contact-detail>svg { stroke: #087c51; }
html[data-theme=light] #app .contact-form .send-button { color: #fff; background: #087c51; border-color: #087c51; box-shadow: none; }
html[data-theme=light] #app .contact-form .send-button:hover { background: #086b49; }

/* Original individual service pages: retain all headings, lists and contract terms. */
html[data-theme=light] #app .service-page { --service-accent: #087c51; --service-rgb: 8,124,81; }
html[data-theme=light] #app .service-page[data-kind=exchange] { --service-accent: #bf3038; --service-rgb: 191,48,56; }
html[data-theme=light] #app .service-page[data-kind=setup] { --service-accent: #52605a; --service-rgb: 82,96,90; }
html[data-theme=light] #app .service-panel { background: #fff; }
html[data-theme=light] #app .service-heading { border-color: var(--light-border); }
html[data-theme=light] #app .service-heading .white-icon { filter: brightness(0); }
html[data-theme=light] #app .service-heading h1 { color: var(--light-ink); }
html[data-theme=light] #app .service-copy { color: var(--light-muted); }
html[data-theme=light] #app .service-copy :is(h1,h2,h3,h4,h5),html[data-theme=light] #app .service-copy>p:first-child,html[data-theme=light] #app .service-copy>p:has(+ul),html[data-theme=light] #app .service-copy>p:has(+ol) { color: var(--light-ink); }
html[data-theme=light] #app .service-panel>:is(.back,.return-link) { color: var(--service-accent); }

/* Contract search and the retained partner-specific document routes. */
html[data-theme=light] #app .library-intro::before { background: linear-gradient(180deg,#f6f7f5a6,#f6f7f5),linear-gradient(90deg,#f6f7f5f0,#f6f7f580),url('assets/site/11062b_cca29298dbe547f4983e127aba1c1966f000.jpg') center 46%/cover no-repeat; }
html[data-theme=light] #app .library-heading h1 { color: var(--light-ink); }
html[data-theme=light] #app :is(.library-heading>p:last-child,.library-filters label,.library-card-partner,.library-note,.library-empty p) { color: var(--light-muted); }
html[data-theme=light] #app .library-chips button { background: #ffffffb3; border-color: var(--light-border); color: var(--light-muted); }
html[data-theme=light] #app .library-chips button[aria-pressed=true] { color: var(--light-ink); background: #17211d09; border-color: #17211d80; }
html[data-theme=light] #app .library-chips button[data-document-kind=exchange][aria-pressed=true] { color: #bf3038; background: #bf30380a; border-color: #bf3038; }
html[data-theme=light] #app .library-chips button[data-document-kind=repair][aria-pressed=true] { color: #087c51; background: #087c510a; border-color: #087c51; }
html[data-theme=light] #app .library-filters { border-color: var(--light-border); }
html[data-theme=light] #app .library-card { --card-accent: #087c51; --card-rgb: 8,124,81; --card-border: #087c5166; background: #fff; }
html[data-theme=light] #app .library-card[data-kind=exchange] { --card-accent: #bf3038; --card-rgb: 191,48,56; --card-border: #bf303866; }
html[data-theme=light] #app .library-card[data-kind=setup] { --card-accent: #52605a; --card-rgb: 82,96,90; --card-border: #52605a66; }
html[data-theme=light] #app .library-card:hover { background: #fcfcfb; }
html[data-theme=light] #app :is(.library-card-meta,.library-card-art) { border-bottom-color: #17211d0e; }
html[data-theme=light] #app .library-card-meta>span:last-child { color: #68726c; }
html[data-theme=light] #app .library-card-art>span { color: var(--light-ink); }
html[data-theme=light] #app .library-program-mark { background: #fff; }
html[data-theme=light] #app .library-partner-brand[data-partner="ассоль"] .library-partner-logo-wrap { background: #f4f4f2; border-color: var(--light-border); }
html[data-theme=light] #app .library-partner-brand[data-partner="ассоль"] img { filter: brightness(0); }
html[data-theme=light] #app .library-empty { border-color: #17211d30; }
html[data-theme=light] #app .library-empty button { background: #17211d06; border-color: #17211d50; }
html[data-theme=light] #app .contract-panel { background: #fff; border-color: #bf303866; box-shadow: none; }
html[data-theme=light] #app .document-link { color: #087c51; }
html[data-theme=light] #app .document-link:hover { color: #075d3d; }
html[data-theme=light] #app .pdf-mark { color: #087c51; }
html[data-theme=light] #app .partner-page-heading img { filter: brightness(0); }
html[data-theme=light] #app .contracts-page:has(.partner-page-heading img[src*="JoyMobile"]) .partner-page-heading img { filter: grayscale(1); }

/* Compact business presentation and contact form. */
html[data-theme=light] #app .business-page { --business-green: #087c51; --business-muted: #59645e; }
html[data-theme=light] #app .business-page :is(.business-eyebrow,.business-back,.business-lead,.business-audience,.business-programs-heading>p,.business-program small,.business-programs-all,.business-partners h2,.business-benefit-list p,.business-steps p,.business-form label,.business-form-note,.business-draft p) { color: var(--light-muted); }
html[data-theme=light] #app .business-page :is(.business-section-heading>p:not(.business-eyebrow),.business-contact-copy>p:not(.business-eyebrow)) { color: var(--light-muted); }
html[data-theme=light] #app .business-page :is(.business-back:hover,.business-programs-all:hover,.business-text-link) { color: var(--light-ink); }
html[data-theme=light] #app .business-page .business-text-link:hover { color: #087c51; }
html[data-theme=light] #app .business-page :is(.business-programs,.business-steps>li) { background: #fff; border-color: var(--light-border); }
html[data-theme=light] #app .business-page .business-program { --program-rgb: 8,124,81; }
html[data-theme=light] #app .business-page .business-program[data-kind=exchange] { --program-rgb: 191,48,56; }
html[data-theme=light] #app .business-page .business-program[data-kind=setup] { --program-rgb: 82,96,90; }
html[data-theme=light] #app .business-page .business-program-icon { filter: brightness(0); }
html[data-theme=light] #app .business-page .business-start { background: #eeefed; border-color: var(--light-border); }
html[data-theme=light] #app .business-page :is(.business-partners,.business-benefit-list>li) { border-color: var(--light-border); }
html[data-theme=light] #app .business-page .business-steps>li:first-child { border-color: #087c5140; }
html[data-theme=light] #app .business-page .business-steps>li:nth-child(2) { border-color: #bf303840; }
html[data-theme=light] #app .business-page .business-index { color: #087c51; }
html[data-theme=light] #app .business-page .business-steps>li:nth-child(2) .business-index { color: #bf3038; }
html[data-theme=light] #app .business-page .business-steps>li:nth-child(3) .business-index { color: #52605a; }
html[data-theme=light] #app .business-page .business-logos { mix-blend-mode: multiply; }
html[data-theme=light] #app .business-page .business-logos img { filter: grayscale(1); opacity: .9; }
html[data-theme=light] #app .business-page .business-logos :is([data-partner="ассоль"],[data-partner="елма"],[data-partner="фотос"]) img { filter: brightness(0); }

/* Registration, configurator, success, archived project page and feedback dialog. */
html[data-theme=light] #app :is(.success-card,.config-card) { background: #fff; border-color: var(--light-border); box-shadow: none; }
html[data-theme=light] #app :is(.registration-form>label:not(.sr-only),.config-home,.success-card dt) { color: var(--light-muted); }
html[data-theme=light] #app :is(.registration-id,.order-section .form-status) { color: #087c51; }
html[data-theme=light] #app :is(.config-card h1,.config-price strong) { color: #bf3038; }
html[data-theme=light] #app .config-result { border-color: var(--light-border); }
html[data-theme=light] #app .config-result h2 { color: var(--light-ink); }
html[data-theme=light] #app .config-card .send-button { color: #fff; background: #bf3038; border-color: #bf3038; }
html[data-theme=light] #app .config-card .send-button:hover { background: #a52c33; }
html[data-theme=light] #app .config-card .config-reset { background: #17211d09; color: var(--light-ink); border-color: var(--light-border); }
html[data-theme=light] .feedback-modal { background: #fff; color: var(--light-ink); border-color: var(--light-border); box-shadow: 0 20px 80px #17211d26; }
html[data-theme=light] .feedback-modal p { color: var(--light-muted); }
html[data-theme=light] .feedback-modal .dialog-close { background: #17211d08; border-color: var(--light-border); color: var(--light-ink); }
html[data-theme=light] .feedback-modal::backdrop { background: #17211d66; }