/* Shared public-site theme switch. Dark remains the default to preserve the current MAS look. */
.mas-theme-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid var(--mas-border);
    border-radius: 50%;
    background: rgba(255,255,255,.07);
    color: var(--mas-text);
    cursor: pointer;
    transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}
.mas-theme-toggle:hover { transform: translateY(-2px); border-color: rgba(255,255,255,.65); background: rgba(255,255,255,.15); }
.mas-theme-toggle i { font-size: 15px; line-height: 1; }
.mas-theme-toggle-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.mas-theme-toggle-mobile { margin-top: 24px; }
.mas-theme-toggle-mobile .mas-theme-toggle { width: 46px; height: 46px; }

html[data-mas-theme] body.common-front { background: var(--mas-page-bg) !important; color: var(--mas-text) !important; }
html[data-mas-theme] .header { color: var(--mas-text); }
html[data-mas-theme="light"] .header__logo .logo-front { filter: none; }
html[data-mas-theme="light"] .header__action-btn { color: var(--mas-text) !important; border-color: var(--mas-border) !important; }
html[data-mas-theme="light"] .header__action-btn:hover { border-color: var(--mas-text) !important; background: rgba(15,23,42,.06); }
html[data-mas-theme="light"] .mas-theme-toggle { color: var(--mas-text); border-color: var(--mas-border); background: rgba(255,255,255,.7); }
html[data-mas-theme="light"] .mas-theme-toggle:hover { border-color: var(--mas-text); background: var(--mas-card-bg); }
html[data-mas-theme="light"] .header-burger .burger span { background: #111827 !important; }
html[data-mas-theme="light"] .fixed-sidebar-menu-holder { color: #111827; }
html[data-mas-theme="light"] .fixed-sidebar-menu { background: #fff; color: #111827; }
html[data-mas-theme="light"] .fixed-sidebar-menu .header__nav-link,
html[data-mas-theme="light"] .fixed-sidebar-menu .menu-description,
html[data-mas-theme="light"] .fixed-sidebar-menu .address-sidebar { color: #111827 !important; }
html[data-mas-theme="light"] .fixed-sidebar-menu .header-social-share a { color: #111827; border-color: rgba(15,23,42,.2); }

html[data-mas-theme="light"] .footer-section,
html[data-mas-theme="light"] .footer-wrapper { background: #eef1f6 !important; color: #111827 !important; }
html[data-mas-theme="light"] .footer-section h4,
html[data-mas-theme="light"] .footer-section a,
html[data-mas-theme="light"] .footer-section p,
html[data-mas-theme="light"] .footer-section span { color: #111827 !important; }
html[data-mas-theme="light"] .footer-section a:hover { color: var(--mas-accent) !important; }

/* Common dark public surfaces */
html[data-mas-theme="light"] .mas-ext-market,
html[data-mas-theme="light"] .mas-creations-page { background: #f5f7fb !important; color: #111827 !important; }
html[data-mas-theme="light"] .mas-ext-hero,
html[data-mas-theme="light"] .mas-ext-detail-hero,
html[data-mas-theme="light"] .mas-creations-hero { background: linear-gradient(135deg,#eef3ff,#f8fbff 58%,#e9f8fb) !important; color: #111827 !important; }
html[data-mas-theme="light"] .mas-ext-hero h1,
html[data-mas-theme="light"] .mas-ext-detail-hero h1,
html[data-mas-theme="light"] .mas-creations-hero h1 { color: #111827 !important; }
html[data-mas-theme="light"] .mas-ext-hero p,
html[data-mas-theme="light"] .mas-ext-detail-summary,
html[data-mas-theme="light"] .mas-creations-hero p { color: #475569 !important; }
html[data-mas-theme="light"] .mas-ext-kicker,
html[data-mas-theme="light"] .mas-creations-kicker { border-color: rgba(15,23,42,.18); background: rgba(255,255,255,.65); color: #1e293b; }
html[data-mas-theme="light"] .mas-ext-toolbar,
html[data-mas-theme="light"] .mas-ext-card,
html[data-mas-theme="light"] .mas-ext-step-grid article,
html[data-mas-theme="light"] .mas-ext-empty,
html[data-mas-theme="light"] .mas-creation-card,
html[data-mas-theme="light"] .mas-creation-route { background: #fff !important; color: #111827 !important; border-color: #dbe2ec !important; box-shadow: 0 18px 45px rgba(15,23,42,.08); }
html[data-mas-theme="light"] .mas-ext-search input,
html[data-mas-theme="light"] .mas-ext-search select { background: #fff; color: #111827; border-color: #dbe2ec; }
html[data-mas-theme="light"] .mas-ext-search select option { background: #fff; color: #111827; }
html[data-mas-theme="light"] .mas-ext-section-head h2,
html[data-mas-theme="light"] .mas-ext-card h3,
html[data-mas-theme="light"] .mas-ext-step-grid h3,
html[data-mas-theme="light"] .mas-creation-card h3,
html[data-mas-theme="light"] .mas-creation-route h3 { color: #111827 !important; }
html[data-mas-theme="light"] .mas-ext-section-head p,
html[data-mas-theme="light"] .mas-ext-card-copy,
html[data-mas-theme="light"] .mas-ext-step-grid p,
html[data-mas-theme="light"] .mas-creation-card p { color: #64748b !important; }
html[data-mas-theme="light"] .mas-ext-btn.secondary { background: #fff; color: #111827; border-color: #cbd5e1; }
html[data-mas-theme="light"] .mas-ext-account-cta { background: linear-gradient(135deg,#e9efff,#e8f9fb) !important; color: #111827; box-shadow: 0 22px 55px rgba(15,23,42,.12); }
html[data-mas-theme="light"] .mas-ext-account-cta h2 { color: #111827 !important; }
html[data-mas-theme="light"] .mas-ext-account-cta p { color: #475569 !important; }

/* Pricing and portfolio archives */
html[data-mas-theme="light"] .mas-main-pricing-repair-hero { background: linear-gradient(135deg,#eef3ff,#f8fbff 60%,#e9f8fb) !important; color: #111827; }
html[data-mas-theme="light"] .mas-main-pricing-repair-hero h1 { color: #111827; }
html[data-mas-theme="light"] .mas-main-pricing-repair-hero h1 span { -webkit-text-stroke-color: #111827; }
html[data-mas-theme="light"] .mas-main-pricing-repair-hero p { color: #475569; }
html[data-mas-theme="light"] .mas-main-pricing-list-repair,
html[data-mas-theme="light"] .portfolio-section-page.light-section,
html[data-mas-theme="light"] .portfolio-section-page .projects-page-row { background: #f5f7fb !important; color: #111827 !important; }
html[data-mas-theme="light"] .portfolio-section-page .project-row,
html[data-mas-theme="light"] .portfolio-section-page .project-row.project-row-right { background: #fff !important; color: #111827 !important; }
html[data-mas-theme="light"] .mas-service-list-card { background: #fff !important; color: #111827 !important; border-color: #dbe2ec; box-shadow: 0 18px 45px rgba(15,23,42,.08); }
html[data-mas-theme="light"] .mas-service-list-body h3,
html[data-mas-theme="light"] .portfolio-section-page .info-row__title,
html[data-mas-theme="light"] .portfolio-section-page .info-row__title a { color: #111827 !important; }
html[data-mas-theme="light"] .mas-service-list-body p,
html[data-mas-theme="light"] .portfolio-section-page .project-desc,
html[data-mas-theme="light"] .portfolio-section-page .project-desc p { color: #64748b !important; }
html[data-mas-theme="light"] .portfolio-section-page .project_index { color: #111827; }
html[data-mas-theme="light"] .portfolio-section-page .case_tt { color: var(--mas-accent); }
html[data-mas-theme="light"] .portfolio-section-page .project-button a { color: #111827; }
html[data-mas-theme="light"] .portfolio-section-page .project-button a svg { stroke: #111827; }

/* Legacy image-led page headers stay dark in light mode, so their navigation remains readable. */
html[data-mas-theme="light"] body:has(.breadcrumb-area) .header__action-btn,
html[data-mas-theme="light"] body:has(.banner-section) .header__action-btn { color: #fff !important; border-color: rgba(255,255,255,.32) !important; }
html[data-mas-theme="light"] body:has(.breadcrumb-area) .header__action-btn:hover,
html[data-mas-theme="light"] body:has(.banner-section) .header__action-btn:hover { border-color: #fff !important; background: rgba(255,255,255,.12); }
html[data-mas-theme="light"] body:has(.breadcrumb-area) .header__logo .logo-front,
html[data-mas-theme="light"] body:has(.banner-section) .header__logo .logo-front { filter: none; }
html[data-mas-theme="light"] body:has(.breadcrumb-area) .header-burger .burger span,
html[data-mas-theme="light"] body:has(.banner-section) .header-burger .burger span { background: #fff !important; }
html[data-mas-theme="light"] body:has(.breadcrumb-area) .mas-theme-toggle,
html[data-mas-theme="light"] body:has(.banner-section) .mas-theme-toggle { color: #fff; border-color: rgba(255,255,255,.32); background: rgba(0,0,0,.2); }
html[data-mas-theme="light"] .breadcrumb-area h1,
html[data-mas-theme="light"] .breadcrumb-area p,
html[data-mas-theme="light"] .breadcrumb-area a,
html[data-mas-theme="light"] .banner-section h1,
html[data-mas-theme="light"] .banner-section p { color: #fff !important; }

/* Contact forms and information panels */
html[data-mas-theme="light"] .contact-element-wrapper { background: #fff !important; border: 1px solid #dbe2ec !important; border-radius: 12px; }
html[data-mas-theme="light"] .contact-element { background: transparent !important; border-color: #dbe2ec !important; }
html[data-mas-theme="light"] .contact-element .icon { color: var(--mas-accent) !important; }
html[data-mas-theme="light"] .contact-element .title,
html[data-mas-theme="light"] .contact-element h3,
html[data-mas-theme="light"] .contact-element h4 { color: #111827 !important; }
html[data-mas-theme="light"] .contact-element p,
html[data-mas-theme="light"] .contact-element a { color: #64748b !important; }
html[data-mas-theme="light"] .contact-element .form-control,
html[data-mas-theme="light"] .contact-element input,
html[data-mas-theme="light"] .contact-element select,
html[data-mas-theme="light"] .contact-element textarea,
html[data-mas-theme="light"] .contact-element .form-control:focus { background: #fff !important; color: #111827 !important; border-color: #cbd5e1 !important; }
html[data-mas-theme="light"] .contact-element .form-control::placeholder { color: #94a3b8 !important; }
html[data-mas-theme="light"] form[action$="/contact"] .form-control,
html[data-mas-theme="light"] form[action$="/contact"] input,
html[data-mas-theme="light"] form[action$="/contact"] select,
html[data-mas-theme="light"] form[action$="/contact"] textarea,
html[data-mas-theme="light"] form[action$="/contact"] .form-control:focus { background: #fff !important; color: #111827 !important; border-color: #cbd5e1 !important; }
html[data-mas-theme="light"] form[action$="/contact"] .form-control::placeholder { color: #94a3b8 !important; }

/* Services archive */
html[data-mas-theme="light"] .services-section { background: #f5f7fb !important; color: #111827 !important; }
html[data-mas-theme="light"] .services-section h3,
html[data-mas-theme="light"] .services-section h4,
html[data-mas-theme="light"] .services-section .heading { color: #111827 !important; }
html[data-mas-theme="light"] .services-section h3 span,
html[data-mas-theme="light"] .services-section .description-services strong,
html[data-mas-theme="light"] .services-section .heading i { color: var(--mas-accent) !important; }
html[data-mas-theme="light"] .services-section .description-services,
html[data-mas-theme="light"] .services-section .paragraph { color: #64748b !important; }
html[data-mas-theme="light"] .services-section .description-services p { color: #64748b !important; opacity: 1 !important; }
html[data-mas-theme="light"] .services-section .description-services p strong { color: var(--mas-accent) !important; }
html[data-mas-theme="light"] .services-section .card-parent,
html[data-mas-theme="light"] .services-section .card-inner-row,
html[data-mas-theme="light"] .services-section .card { background: #fff !important; color: #111827 !important; border-color: #dbe2ec !important; }
html[data-mas-theme="light"] .services-section .card-img { background: #eef1f6 !important; }
html[data-mas-theme="light"] .services-section .project-button a { color: #111827 !important; }
html[data-mas-theme="light"] .services-section .project-button a svg { stroke: #111827 !important; }

/* Blog archive and its sidebar widgets */
html[data-mas-theme="light"] .blog-page-section { background: #f5f7fb !important; color: #111827 !important; }
html[data-mas-theme="light"] .blog-page-section .single-post.blogloop-v2,
html[data-mas-theme="light"] .blog-page-section .widget_element { background: #fff !important; color: #111827 !important; border-color: #dbe2ec !important; }
html[data-mas-theme="light"] .blog-page-section .post-name,
html[data-mas-theme="light"] .blog-page-section .post-name a,
html[data-mas-theme="light"] .blog-page-section .widget-title { color: #111827 !important; }
html[data-mas-theme="light"] .blog-page-section .post-details,
html[data-mas-theme="light"] .blog-page-section .post-excerpt,
html[data-mas-theme="light"] .blog-page-section .post-category-comment-date,
html[data-mas-theme="light"] .blog-page-section .post-date,
html[data-mas-theme="light"] .blog-page-section .widget_element p { color: #64748b !important; }
html[data-mas-theme="light"] .blog-page-section .widget-title { background: #fff !important; border-color: #dbe2ec !important; }
html[data-mas-theme="light"] .blog-page-section .widget_element a { color: var(--mas-accent) !important; }

/* Inspiration gallery */
html[data-mas-theme="light"] .mas-insp-page,
html[data-mas-theme="light"] .mas-insp-intro,
html[data-mas-theme="light"] .mas-insp-photo-section { background: #f5f7fb !important; color: #111827 !important; }
html[data-mas-theme="light"] .mas-insp-page h1,
html[data-mas-theme="light"] .mas-insp-page .mas-insp-kicker,
html[data-mas-theme="light"] .mas-insp-page .mas-insp-intro-copy p { color: #111827 !important; }
html[data-mas-theme="light"] .mas-insp-search,
html[data-mas-theme="light"] .mas-insp-sort { background: #fff !important; color: #111827 !important; border-color: #dbe2ec !important; }
html[data-mas-theme="light"] .mas-insp-sort option { background: #fff; color: #111827; }
html[data-mas-theme="light"] .mas-insp-tab { background: #fff !important; color: #475569 !important; border-color: #dbe2ec !important; }
html[data-mas-theme="light"] .mas-insp-tab.is-active { background: #111827 !important; color: #fff !important; border-color: #111827 !important; }
html[data-mas-theme="light"] .mas-insp-control,
html[data-mas-theme="light"] .mas-insp-control > span,
html[data-mas-theme="light"] .mas-insp-control label { color: #111827 !important; }
html[data-mas-theme="light"] .mas-insp-photo-card { background: #fff !important; border-color: #dbe2ec !important; box-shadow: 0 18px 45px rgba(15,23,42,.08); }
html[data-mas-theme="light"] .mas-insp-chip { background: rgba(255,255,255,.9) !important; color: #111827 !important; }
html[data-mas-theme="light"] body:has(.mas-insp-page) .header__action-btn { color: #111827 !important; border-color: rgba(15,23,42,.24) !important; }
html[data-mas-theme="light"] body:has(.mas-insp-page) .header__logo .logo-front { filter: none; }
html[data-mas-theme="light"] body:has(.mas-insp-page) .header-burger .burger span { background: #111827 !important; }
html[data-mas-theme="light"] body:has(.mas-insp-page) .mas-theme-toggle { color: #111827; border-color: rgba(15,23,42,.22); background: rgba(255,255,255,.7); }

/* Apps archive */
html[data-mas-theme="light"] body:has(.mas-apps-public) { background: #f5f7fb !important; }
html[data-mas-theme="light"] .mas-apps-public.mas-apps-index { background: #f5f7fb !important; color: #111827 !important; }
html[data-mas-theme="light"] .mas-apps-public.mas-apps-index .mas-apps-hero { background: linear-gradient(135deg,#eef3ff,#f8fbff 60%,#e9f8fb) !important; color: #111827 !important; }
html[data-mas-theme="light"] .mas-apps-public.mas-apps-index .mas-apps-hero h1,
html[data-mas-theme="light"] .mas-apps-public.mas-apps-index .mas-apps-hero p { color: #111827 !important; }
html[data-mas-theme="light"] body:has(.mas-apps-public) .header__action-btn { color: #111827 !important; border-color: rgba(15,23,42,.24) !important; }
html[data-mas-theme="light"] body:has(.mas-apps-public) .header__logo .logo-front { filter: none; }
html[data-mas-theme="light"] body:has(.mas-apps-public) .header-burger .burger span { background: #111827 !important; }
html[data-mas-theme="light"] .mas-app-card { background: #fff !important; color: #111827 !important; border-color: #dbe2ec !important; box-shadow: 0 18px 45px rgba(15,23,42,.08); }
html[data-mas-theme="light"] .mas-apps-public.mas-apps-index .mas-app-card h2,
html[data-mas-theme="light"] .mas-apps-public.mas-apps-index .mas-app-card h3 { color: #111827 !important; }
html[data-mas-theme="light"] .mas-app-card p { color: #64748b !important; }
html[data-mas-theme="light"] .mas-app-pill { background: #eef3ff !important; color: var(--mas-accent) !important; border-color: #dbe2ec !important; }

/* Home's image-led hero keeps its artwork but receives light-mode-safe header contrast. */
html[data-mas-theme="light"] body:has(.slider-venor-section) .header__action-btn { color: #fff !important; border-color: rgba(255,255,255,.32) !important; }
html[data-mas-theme="light"] body:has(.slider-venor-section) .header__logo .logo-front { filter: none !important; }
html[data-mas-theme="light"] body:has(.slider-venor-section) .header-burger .burger span { background: #fff !important; }
html[data-mas-theme="light"] body:has(.slider-venor-section) .mas-theme-toggle { color: #fff; border-color: rgba(255,255,255,.32); background: rgba(0,0,0,.2); }
html[data-mas-theme="light"] body:has(.slider-venor-section) { background: #f5f7fb !important; color: #111827 !important; }
html[data-mas-theme="light"] body:has(.slider-venor-section) .slider-inner-venor {
  background-color: #050505 !important;
  background-blend-mode: normal !important;
}
html[data-mas-theme="light"] body:has(.slider-venor-section) .slider-content h1 {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: none !important;
}
html[data-mas-theme="light"] body:has(.slider-venor-section) .slider-content h2 {
  color: transparent !important;
  -webkit-text-stroke-color: #fff !important;
}
html[data-mas-theme="light"] body:has(.slider-venor-section) .slider-body p { color: #fff !important; }
html[data-mas-theme="light"] body:has(.slider-venor-section) a.hero__scroll svg { fill: #fff !important; }
html[data-mas-theme="light"] body:has(.slider-venor-section) .header__action-btn { color: #111827 !important; border-color: rgba(15,23,42,.24) !important; }
html[data-mas-theme="light"] body:has(.slider-venor-section) .header__actions__venor .header__action-btn,
html[data-mas-theme="light"] body:has(.slider-venor-section) .header__actions__venor .header__action-btn span { color: #111827 !important; -webkit-text-fill-color: #111827 !important; }
html[data-mas-theme="light"] body:has(.slider-venor-section) .header-burger .burger span { background: #111827 !important; }
html[data-mas-theme="light"] body:has(.slider-venor-section) .mas-theme-toggle { color: #111827 !important; border-color: rgba(15,23,42,.24) !important; background: rgba(255,255,255,.72) !important; }
html[data-mas-theme="light"] body:has(.slider-venor-section) .header-social-share ul li a { color: #fff !important; border-color: rgba(255,255,255,.48) !important; }
html[data-mas-theme="light"] body:has(.slider-venor-section) .header-social-share ul li a em { filter: brightness(0) invert(1) !important; -webkit-filter: brightness(0) invert(1) !important; }
html[data-mas-theme="light"] .slider-inner-venor { background-blend-mode: normal !important; }

/* Shared light-mode treatment for the recurring CTA, sticky header and footer. */
html[data-mas-theme="light"] .parent-typed-text,
html[data-mas-theme="light"] .mt_typed-beforetext,
html[data-mas-theme="light"] .typed-cursor { color: var(--mas-text) !important; }
html[data-mas-theme="light"] .btn.btn-style1 { color: var(--mas-text) !important; border-color: var(--mas-text) !important; }
html[data-mas-theme="light"] .btn.btn-style1 span { color: var(--mas-text) !important; }
html[data-mas-theme="light"] .header.sticky,
html[data-mas-theme="light"] .header.sticky .header__content__venor { background: #eaf7ff !important; }
html[data-mas-theme="light"] .header.sticky { box-shadow: 0 8px 24px rgba(26,162,235,.16); }
html[data-mas-theme="light"] .header.sticky .header__action-btn { color: var(--mas-text) !important; border-color: rgba(26,162,235,.34) !important; }
html[data-mas-theme="light"] .header.sticky .header-burger .burger span { background: var(--mas-text) !important; }
html[data-mas-theme="light"] .footer-section .footer-left { background: #e8f6ff !important; color: var(--mas-text) !important; border-top: 4px solid var(--mas-brand-sky); }
html[data-mas-theme="light"] .footer-section .footer-right { background: #e3f2fb !important; background-image: none !important; color: var(--mas-text) !important; border-top: 4px solid rgba(26,162,235,.5); }
html[data-mas-theme="light"] .footer-section .footer-right::before { background: transparent !important; opacity: 0 !important; }

/* Last cascade layer: normalize page-local headers without changing the dark theme. */
html[data-mas-theme="light"] body:has(.header__content__venor) .header,
html[data-mas-theme="light"] body:has(.header__content__venor) .header__content__venor,
html[data-mas-theme="light"] body:has(.header__content__venor) .header.sticky,
html[data-mas-theme="light"] body:has(.header__content__venor) .header.sticky .header__content__venor {
  background: var(--mas-header-bg) !important;
  background-image: none !important;
  color: var(--mas-on-header) !important;
  border-color: var(--mas-header-border) !important;
}
html[data-mas-theme="light"] body:has(.header__content__venor) .header__actions__venor .header__action-btn,
html[data-mas-theme="light"] body:has(.header__content__venor) .header__actions__venor .header__action-btn span,
html[data-mas-theme="light"] body:has(.header__content__venor) .header__actions__venor .header__action-btn svg,
html[data-mas-theme="light"] body:has(.header__content__venor) .header__actions__venor .header__action-btn em {
  color: var(--mas-on-header) !important;
  fill: var(--mas-on-header) !important;
  stroke: var(--mas-on-header) !important;
  -webkit-text-fill-color: var(--mas-on-header) !important;
  border-color: var(--mas-header-border) !important;
}
html[data-mas-theme="light"] body:has(.header__content__venor) .header-burger .burger span {
  background: var(--mas-on-header) !important;
}
html[data-mas-theme="light"] body:has(.header__content__venor) .mas-theme-toggle {
  color: var(--mas-on-header) !important;
  background: var(--mas-toggle-bg) !important;
  border-color: var(--mas-header-border) !important;
}
html[data-mas-theme="light"] body:has(.header__content__venor) .footer-section .footer-left {
  background: var(--mas-footer-bg) !important;
  color: var(--mas-on-footer) !important;
  border-color: var(--mas-footer-border) !important;
}
html[data-mas-theme="light"] body:has(.header__content__venor) .footer-section .footer-right {
  background: var(--mas-footer-bg-soft) !important;
  color: var(--mas-on-footer) !important;
  border-color: var(--mas-footer-border) !important;
}
html[data-mas-theme="light"] body:has(.header__content__venor) .footer-section .footer-left h4,
html[data-mas-theme="light"] body:has(.header__content__venor) .footer-section .footer-left span,
html[data-mas-theme="light"] body:has(.header__content__venor) .footer-section .footer-left a,
html[data-mas-theme="light"] body:has(.header__content__venor) .footer-section .footer-right h4,
html[data-mas-theme="light"] body:has(.header__content__venor) .footer-section .footer-right a,
html[data-mas-theme="light"] body:has(.header__content__venor) .footer-section .footer-right p,
html[data-mas-theme="light"] body:has(.header__content__venor) .footer-section .footer-right span {
  color: var(--mas-on-footer) !important;
  -webkit-text-fill-color: var(--mas-on-footer) !important;
}

/* Last cascade layer for light-mode brand interactions. */
html[data-mas-theme="light"] body a.btn.btn-slider,
html[data-mas-theme="light"] body .btn.btn-style2,
html[data-mas-theme="light"] body .pcp-btn:not(.ghost),
html[data-mas-theme="light"] body .mas-ext-btn.brand,
html[data-mas-theme="light"] body .mas-ext-btn.primary,
html[data-mas-theme="light"] body button[type="submit"].btn {
  background: var(--mas-action) !important;
  background-image: none !important;
  color: var(--mas-action-text) !important;
  -webkit-text-fill-color: var(--mas-action-text) !important;
  border-color: var(--mas-action) !important;
  box-shadow: 0 10px 24px var(--mas-action-soft) !important;
}
html[data-mas-theme="light"] body a.btn.btn-slider:hover,
html[data-mas-theme="light"] body .btn.btn-style2:hover,
html[data-mas-theme="light"] body .pcp-btn:not(.ghost):hover,
html[data-mas-theme="light"] body .mas-ext-btn.brand:hover,
html[data-mas-theme="light"] body .mas-ext-btn.primary:hover,
html[data-mas-theme="light"] body button[type="submit"].btn:hover {
  background: var(--mas-action-hover) !important;
  background-image: none !important;
  color: var(--mas-action-text) !important;
  -webkit-text-fill-color: var(--mas-action-text) !important;
  border-color: var(--mas-action-hover) !important;
  box-shadow: 0 14px 30px var(--mas-focus-ring) !important;
}
html[data-mas-theme="light"] body a.btn.btn-slider:before,
html[data-mas-theme="light"] body .btn.btn-style2:before,
html[data-mas-theme="light"] body .btn.btn-style1:before,
html[data-mas-theme="light"] body .header__action-btn:before {
  background: var(--mas-action-hover) !important;
}
html[data-mas-theme="light"] body .btn.btn-style1,
html[data-mas-theme="light"] body .mas-ext-btn.secondary,
html[data-mas-theme="light"] body .mas-ext-btn.ghost,
html[data-mas-theme="light"] body .pcp-btn.ghost {
  background: transparent !important;
  color: var(--mas-action) !important;
  -webkit-text-fill-color: var(--mas-action) !important;
  border-color: var(--mas-action-border) !important;
  box-shadow: none !important;
}
html[data-mas-theme="light"] body .btn.btn-style1:hover,
html[data-mas-theme="light"] body .mas-ext-btn.secondary:hover,
html[data-mas-theme="light"] body .mas-ext-btn.ghost:hover,
html[data-mas-theme="light"] body .pcp-btn.ghost:hover {
  background: var(--mas-action-soft) !important;
  color: var(--mas-action) !important;
  -webkit-text-fill-color: var(--mas-action) !important;
  border-color: var(--mas-action-hover) !important;
  box-shadow: 0 10px 24px var(--mas-action-soft) !important;
}
html[data-mas-theme="light"] body .btn.btn-style1 svg,
html[data-mas-theme="light"] body a.btn.btn-slider svg,
html[data-mas-theme="light"] body .btn.btn-style2 svg {
  fill: var(--mas-action-text) !important;
  stroke: var(--mas-action-text) !important;
}
html[data-mas-theme="light"] body .btn.btn-style1 svg { fill: var(--mas-action) !important; stroke: var(--mas-action) !important; }
html[data-mas-theme="light"] body:has(.header__content__venor) .header__actions__venor .header__action-btn:hover {
  background: var(--mas-action) !important;
  color: var(--mas-action-text) !important;
  -webkit-text-fill-color: var(--mas-action-text) !important;
  border-color: var(--mas-action) !important;
  box-shadow: 0 10px 24px var(--mas-action-soft) !important;
}
html[data-mas-theme="light"] body:has(.header__content__venor) .header__actions__venor .header__action-btn:hover span,
html[data-mas-theme="light"] body:has(.header__content__venor) .header__actions__venor .header__action-btn:hover svg,
html[data-mas-theme="light"] body:has(.header__content__venor) .header__actions__venor .header__action-btn:hover em {
  color: var(--mas-action-text) !important;
  -webkit-text-fill-color: var(--mas-action-text) !important;
  fill: var(--mas-action-text) !important;
  stroke: var(--mas-action-text) !important;
}
html[data-mas-theme="light"] body .mas-ext-card:hover,
html[data-mas-theme="light"] body .mas-creation-route:hover,
html[data-mas-theme="light"] body .mas-creation-card:hover,
html[data-mas-theme="light"] body .pcp-card:hover,
html[data-mas-theme="light"] body .pc-family-card:hover,
html[data-mas-theme="light"] body .kb-docs-sidebar a:hover {
  border-color: var(--mas-action-border) !important;
  box-shadow: 0 20px 50px var(--mas-action-soft) !important;
}
html[data-mas-theme="light"] body a:focus-visible,
html[data-mas-theme="light"] body button:focus-visible,
html[data-mas-theme="light"] body input:focus-visible,
html[data-mas-theme="light"] body select:focus-visible,
html[data-mas-theme="light"] body textarea:focus-visible {
  outline: 2px solid var(--mas-brand-sky) !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 4px var(--mas-focus-ring) !important;
}

/* Final light-mode interaction layer: use the MAS blue/cyan brand pair while
   preserving the existing motion curves and dark-mode appearance. */
html[data-mas-theme="light"] body a.btn.btn-slider,
html[data-mas-theme="light"] body .btn.btn-style2,
html[data-mas-theme="light"] body .pcp-btn:not(.ghost),
html[data-mas-theme="light"] body .mas-ext-btn.brand,
html[data-mas-theme="light"] body .mas-ext-btn.primary,
html[data-mas-theme="light"] body button[type="submit"].btn {
  background: var(--mas-action) !important;
  background-image: none !important;
  color: var(--mas-action-text) !important;
  -webkit-text-fill-color: var(--mas-action-text) !important;
  border-color: var(--mas-action) !important;
  box-shadow: 0 10px 24px var(--mas-action-soft) !important;
}
html[data-mas-theme="light"] body a.btn.btn-slider:hover,
html[data-mas-theme="light"] body .btn.btn-style2:hover,
html[data-mas-theme="light"] body .pcp-btn:not(.ghost):hover,
html[data-mas-theme="light"] body .mas-ext-btn.brand:hover,
html[data-mas-theme="light"] body .mas-ext-btn.primary:hover,
html[data-mas-theme="light"] body button[type="submit"].btn:hover {
  background: var(--mas-action-hover) !important;
  background-image: none !important;
  color: var(--mas-action-text) !important;
  -webkit-text-fill-color: var(--mas-action-text) !important;
  border-color: var(--mas-action-hover) !important;
  box-shadow: 0 14px 30px var(--mas-focus-ring) !important;
}
html[data-mas-theme="light"] body a.btn.btn-slider:before,
html[data-mas-theme="light"] body .btn.btn-style2:before,
html[data-mas-theme="light"] body .btn.btn-style1:before,
html[data-mas-theme="light"] body .header__action-btn:before {
  background: var(--mas-action-hover) !important;
}
html[data-mas-theme="light"] body a.btn.btn-slider svg,
html[data-mas-theme="light"] body .btn.btn-style2 svg,
html[data-mas-theme="light"] body button[type="submit"].btn svg {
  fill: var(--mas-action-text) !important;
  stroke: var(--mas-action-text) !important;
}

html[data-mas-theme="light"] body .btn.btn-style1,
html[data-mas-theme="light"] body .mas-ext-btn.secondary,
html[data-mas-theme="light"] body .mas-ext-btn.ghost,
html[data-mas-theme="light"] body .pcp-btn.ghost {
  background: transparent !important;
  color: var(--mas-action) !important;
  -webkit-text-fill-color: var(--mas-action) !important;
  border-color: var(--mas-action-border) !important;
  box-shadow: none !important;
}
html[data-mas-theme="light"] body .btn.btn-style1:hover,
html[data-mas-theme="light"] body .mas-ext-btn.secondary:hover,
html[data-mas-theme="light"] body .mas-ext-btn.ghost:hover,
html[data-mas-theme="light"] body .pcp-btn.ghost:hover {
  background: var(--mas-action-soft) !important;
  color: var(--mas-action) !important;
  -webkit-text-fill-color: var(--mas-action) !important;
  border-color: var(--mas-action-hover) !important;
  box-shadow: 0 10px 24px var(--mas-action-soft) !important;
}
html[data-mas-theme="light"] body .btn.btn-style1 svg {
  fill: var(--mas-action) !important;
  stroke: var(--mas-action) !important;
}
html[data-mas-theme="light"] body .btn.btn-style1:hover svg {
  fill: var(--mas-action) !important;
  stroke: var(--mas-action) !important;
}

/* Header actions stay quiet at rest and use the same brand response on hover. */
html[data-mas-theme="light"] body:has(.header__content__venor) .header__actions__venor .header__action-btn:hover {
  background: var(--mas-action) !important;
  color: var(--mas-action-text) !important;
  -webkit-text-fill-color: var(--mas-action-text) !important;
  border-color: var(--mas-action) !important;
  box-shadow: 0 10px 24px var(--mas-action-soft) !important;
}
html[data-mas-theme="light"] body:has(.header__content__venor) .header__actions__venor .header__action-btn:hover span,
html[data-mas-theme="light"] body:has(.header__content__venor) .header__actions__venor .header__action-btn:hover svg,
html[data-mas-theme="light"] body:has(.header__content__venor) .header__actions__venor .header__action-btn:hover em {
  color: var(--mas-action-text) !important;
  -webkit-text-fill-color: var(--mas-action-text) !important;
  fill: var(--mas-action-text) !important;
  stroke: var(--mas-action-text) !important;
}

/* Brand response for repeated cards and archive tiles. */
html[data-mas-theme="light"] body .mas-ext-card:hover,
html[data-mas-theme="light"] body .mas-creation-route:hover,
html[data-mas-theme="light"] body .mas-creation-card:hover,
html[data-mas-theme="light"] body .pcp-card:hover,
html[data-mas-theme="light"] body .pc-family-card:hover,
html[data-mas-theme="light"] body .kb-docs-sidebar a:hover {
  border-color: var(--mas-action-border) !important;
  box-shadow: 0 20px 50px var(--mas-action-soft) !important;
}
html[data-mas-theme="light"] body .mas-creation-route:hover .mas-creation-route-arrow,
html[data-mas-theme="light"] body .mas-creation-card:hover .mas-creation-arrow,
html[data-mas-theme="light"] body .mas-creation-card:hover .mas-creation-link,
html[data-mas-theme="light"] body .kb-docs-sidebar a:hover {
  color: var(--mas-action) !important;
}
html[data-mas-theme="light"] body .portfolio-section .owl-nav button:hover,
html[data-mas-theme="light"] body .blog-section .owl-nav button:hover,
html[data-mas-theme="light"] body .portfolio-section .owl-dots button:hover span,
html[data-mas-theme="light"] body .blog-section .owl-dots button:hover span {
  color: var(--mas-action) !important;
  border-color: var(--mas-action) !important;
  background-color: var(--mas-action-soft) !important;
}

/* One visible focus language for keyboard and touch users. */
html[data-mas-theme="light"] body a:focus-visible,
html[data-mas-theme="light"] body button:focus-visible,
html[data-mas-theme="light"] body input:focus-visible,
html[data-mas-theme="light"] body select:focus-visible,
html[data-mas-theme="light"] body textarea:focus-visible {
  outline: 2px solid var(--mas-brand-sky) !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 4px var(--mas-focus-ring) !important;
}

/* Public page components consume the shared palette instead of owning a second light theme. */
html[data-mas-theme="light"] .mas-creations-page,
html[data-mas-theme="light"] .mas-ext-market,
html[data-mas-theme="light"] .pcp,
html[data-mas-theme="light"] .pc-family,
html[data-mas-theme="light"] .kb-docs {
  --mc-ink: var(--mas-text) !important;
  --mc-muted: var(--mas-muted) !important;
  --mc-line: var(--mas-border-soft) !important;
  --mc-soft: var(--mas-panel-soft) !important;
  --mex-ink: var(--mas-text) !important;
  --mex-muted: var(--mas-muted) !important;
  --mex-line: var(--mas-border-soft) !important;
  --mex-card: var(--mas-panel) !important;
  --mex-soft: var(--mas-panel-soft) !important;
  --pc-ink: var(--mas-text) !important;
  --pc-muted: var(--mas-muted) !important;
  --pc-line: var(--mas-border-soft) !important;
  --pc-soft: var(--mas-panel) !important;
  --pc-brand: var(--mas-accent) !important;
  --pc-dark: var(--mas-page-bg) !important;
  --kb-ink: var(--mas-text) !important;
  --kb-muted: var(--mas-muted) !important;
  --kb-line: var(--mas-border-soft) !important;
  --kb-soft: var(--mas-panel-soft) !important;
  --kb-brand: var(--mas-accent) !important;
  --kb-brand-dark: var(--mas-link) !important;
  --pcp-bg: var(--mas-page-bg) !important;
  --pcp-panel: var(--mas-panel) !important;
  --pcp-soft: var(--mas-panel-soft) !important;
  --pcp-line: var(--mas-border-soft) !important;
  --pcp-text: var(--mas-text) !important;
  --pcp-muted: var(--mas-muted) !important;
  --pcp-accent: var(--mas-accent) !important;
}
html[data-mas-theme="light"] .pcp {
  --bg: var(--mas-page-bg) !important;
  --panel: var(--mas-panel) !important;
  --soft: var(--mas-panel-soft) !important;
  --line: var(--mas-border-soft) !important;
  --text: var(--mas-text) !important;
  --muted: var(--mas-muted) !important;
  --accent: var(--mas-accent) !important;
}
html[data-mas-theme="light"] .mas-creations-page,
html[data-mas-theme="light"] .mas-ext-market,
html[data-mas-theme="light"] .pcp,
html[data-mas-theme="light"] .pc-family,
html[data-mas-theme="light"] .kb-docs {
  background-color: var(--mas-page-bg) !important;
  color: var(--mas-text) !important;
}
html[data-mas-theme="light"] .mas-ext-hero,
html[data-mas-theme="light"] .mas-ext-detail-hero,
html[data-mas-theme="light"] .mas-creations-hero,
html[data-mas-theme="light"] .pc-family-hero,
html[data-mas-theme="light"] .kb-docs-hero {
  background-image: linear-gradient(135deg, var(--mas-hero-start), var(--mas-hero-mid) 58%, var(--mas-hero-end)) !important;
}
html[data-mas-theme="light"] .mas-ext-hero h1,
html[data-mas-theme="light"] .mas-ext-detail-hero h1,
html[data-mas-theme="light"] .mas-creations-hero h1,
html[data-mas-theme="light"] .pc-family-hero h1,
html[data-mas-theme="light"] .kb-docs-hero h1,
html[data-mas-theme="light"] .pcp h1,
html[data-mas-theme="light"] .pcp-card h2 {
  color: var(--mas-heading) !important;
}
html[data-mas-theme="light"] .mas-ext-hero p,
html[data-mas-theme="light"] .mas-ext-detail-summary,
html[data-mas-theme="light"] .mas-creations-hero p,
html[data-mas-theme="light"] .pc-family-hero p,
html[data-mas-theme="light"] .kb-docs-hero p,
html[data-mas-theme="light"] .pcp-lead,
html[data-mas-theme="light"] .pcp-card p {
  color: var(--mas-muted) !important;
}
html[data-mas-theme="light"] .mas-ext-toolbar,
html[data-mas-theme="light"] .mas-ext-card,
html[data-mas-theme="light"] .mas-ext-step-grid article,
html[data-mas-theme="light"] .mas-ext-empty,
html[data-mas-theme="light"] .pcp-card,
html[data-mas-theme="light"] .pc-family-nav,
html[data-mas-theme="light"] .pc-family-section,
html[data-mas-theme="light"] .pc-family-feature,
html[data-mas-theme="light"] .pc-family-card,
html[data-mas-theme="light"] .pc-family-doc,
html[data-mas-theme="light"] .kb-docs-sidebar,
html[data-mas-theme="light"] .kb-docs-article {
  background-color: var(--mas-panel) !important;
  border-color: var(--mas-border-soft) !important;
  color: var(--mas-text) !important;
}
html[data-mas-theme="light"] .mas-ext-search input,
html[data-mas-theme="light"] .mas-ext-search select,
html[data-mas-theme="light"] .kb-docs-search input {
  background-color: var(--mas-control-bg) !important;
  color: var(--mas-control-text) !important;
  border-color: var(--mas-input-border) !important;
}
html[data-mas-theme="light"] body .header-burger .burger span,
html[data-mas-theme="light"] body .header.sticky .header-burger .burger span,
html[data-mas-theme="light"] body:has(.slider-venor-section) .header-burger .burger span,
html[data-mas-theme="light"] body:has(.mas-insp-page) .header-burger .burger span,
html[data-mas-theme="light"] body:has(.mas-apps-public) .header-burger .burger span {
  background: var(--mas-on-accent) !important;
}

/* Keep every public light-mode header opaque, including page-specific detail layouts. */
html[data-mas-theme="light"] .header,
html[data-mas-theme="light"] .header__content__venor,
html[data-mas-theme="light"] .header.sticky,
html[data-mas-theme="light"] .header.sticky .header__content__venor {
  background: var(--mas-header-bg) !important;
  background-image: none !important;
}
html[data-mas-theme="light"] body .header__actions__venor .header__action-btn,
html[data-mas-theme="light"] body .header__actions__venor .header__action-btn span,
html[data-mas-theme="light"] body .header__actions__venor .header__action-btn svg,
html[data-mas-theme="light"] body .header__actions__venor .header__action-btn em {
  color: var(--mas-on-header) !important;
  fill: var(--mas-on-header) !important;
  stroke: var(--mas-on-header) !important;
  -webkit-text-fill-color: var(--mas-on-header) !important;
  border-color: var(--mas-header-border) !important;
}
html[data-mas-theme="light"] body .header-burger .burger span {
  background: var(--mas-on-header) !important;
}
html[data-mas-theme="light"] body .mas-theme-toggle {
  color: var(--mas-on-header) !important;
  background: var(--mas-toggle-bg) !important;
  border-color: var(--mas-header-border) !important;
}
html[data-mas-theme="light"] body:has(.header__content__venor) .header__actions__venor .header__action-btn,
html[data-mas-theme="light"] body:has(.header__content__venor) .header__actions__venor .header__action-btn span,
html[data-mas-theme="light"] body:has(.header__content__venor) .header__actions__venor .header__action-btn svg,
html[data-mas-theme="light"] body:has(.header__content__venor) .header__actions__venor .header__action-btn em {
  color: #fff !important;
  fill: #fff !important;
  stroke: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-color: rgba(255,255,255,.62) !important;
}
html[data-mas-theme="light"] .footer-section .footer-left h4,
html[data-mas-theme="light"] .footer-section .footer-left span,
html[data-mas-theme="light"] .footer-section .footer-left a,
html[data-mas-theme="light"] .footer-section .footer-right h4,
html[data-mas-theme="light"] .footer-section .footer-right a,
html[data-mas-theme="light"] .footer-section .footer-right p,
html[data-mas-theme="light"] .footer-section .footer-right span { color: var(--mas-text) !important; }
html[data-mas-theme="light"] .footer-section .footer-left a.btn { border-color: var(--mas-text) !important; }

/* Use the MAS sky-blue brand surface consistently across the light header and footer. */
html[data-mas-theme="light"] .header__content__venor,
html[data-mas-theme="light"] .header.sticky,
html[data-mas-theme="light"] .header.sticky .header__content__venor {
  background: var(--mas-header-bg) !important;
  background-image: none !important;
  color: var(--mas-on-header) !important;
  border-color: var(--mas-header-border) !important;
}
html[data-mas-theme="light"] .footer-section .footer-left {
  background: var(--mas-footer-bg) !important;
  background-image: none !important;
  color: var(--mas-on-footer) !important;
  border-color: var(--mas-footer-border) !important;
}
html[data-mas-theme="light"] .footer-section .footer-right {
  background: var(--mas-footer-bg-soft) !important;
  background-image: none !important;
  color: var(--mas-on-footer) !important;
  border-color: var(--mas-footer-border) !important;
}
html[data-mas-theme="light"] .header__content__venor .header__action-btn,
html[data-mas-theme="light"] .header__content__venor .header__action-btn span,
html[data-mas-theme="light"] .header__content__venor .header-burger .burger span,
html[data-mas-theme="light"] .header__content__venor .mas-theme-toggle,
html[data-mas-theme="light"] .footer-section .footer-left h4,
html[data-mas-theme="light"] .footer-section .footer-left span,
html[data-mas-theme="light"] .footer-section .footer-left a,
html[data-mas-theme="light"] .footer-section .footer-right h4,
html[data-mas-theme="light"] .footer-section .footer-right a,
html[data-mas-theme="light"] .footer-section .footer-right p,
html[data-mas-theme="light"] .footer-section .footer-right span {
  color: var(--mas-on-header) !important;
  -webkit-text-fill-color: var(--mas-on-header) !important;
}
html[data-mas-theme="light"] .header__content__venor .header-burger .burger span { background: var(--mas-on-header) !important; }
html[data-mas-theme="light"] .header-burger .burger span,
html[data-mas-theme="light"] .sticky .header-burger .burger span { background: var(--mas-on-accent) !important; }
html[data-mas-theme="light"] .header__content__venor .header__action-btn,
html[data-mas-theme="light"] .footer-section .footer-left a.btn {
  border-color: var(--mas-header-border) !important;
}
html[data-mas-theme="light"] .header__content__venor .mas-theme-toggle {
  background: var(--mas-toggle-bg) !important;
  border-color: var(--mas-header-border) !important;
}
html[data-mas-theme="light"] .footer-section .footer-right::before { background: transparent !important; opacity: 0 !important; }

/* Plugin library has page-local dark tokens; map them to the shared light palette. */
html[data-mas-theme="light"] .mas-plugin-market {
  --mas-bg: var(--mas-page-bg);
  --mas-panel: var(--mas-card-bg);
  --mas-panel-soft: var(--mas-surface-bg);
  --mas-line: #dbe2ec;
  --mas-line-strong: #b9c6d8;
  --mas-text: #111827;
  --mas-muted: #64748b;
  --mas-accent: var(--mas-brand-blue);
  background: var(--mas-bg) !important;
  color: var(--mas-text) !important;
}
html[data-mas-theme="light"] .mas-plugin-market .mas-plugin-title,
html[data-mas-theme="light"] .mas-plugin-market .mas-plugin-card h2 { color: var(--mas-text) !important; }
html[data-mas-theme="light"] .mas-plugin-market .mas-plugin-account-link,
html[data-mas-theme="light"] .mas-plugin-market .mas-plugin-button,
html[data-mas-theme="light"] .mas-plugin-market .mas-plugin-view { color: var(--mas-text) !important; }
html[data-mas-theme="light"] .mas-plugin-market .mas-plugin-card { background: var(--mas-card-bg) !important; border-color: var(--mas-line) !important; }
html[data-mas-theme="light"] .mas-plugin-market .mas-plugin-mark,
html[data-mas-theme="light"] .mas-plugin-market .mas-plugin-badge { color: var(--mas-text) !important; background: var(--mas-surface-bg) !important; border-color: var(--mas-line) !important; }
html[data-mas-theme="light"] .mas-plugin-market .mas-plugin-version { color: var(--mas-muted) !important; }

/* Plugin catalog uses its own local dark token names. */
html[data-mas-theme="light"] .pcp {
  --bg: var(--mas-page-bg);
  --panel: var(--mas-card-bg);
  --soft: var(--mas-surface-bg);
  --line: #dbe2ec;
  --text: #111827;
  --muted: #64748b;
  background: var(--bg) !important;
  color: var(--text) !important;
}
html[data-mas-theme="light"] .pcp h1,
html[data-mas-theme="light"] .pcp-card h2,
html[data-mas-theme="light"] .pcp-component strong { color: #111827 !important; }
html[data-mas-theme="light"] .pcp-lead,
html[data-mas-theme="light"] .pcp-card p,
html[data-mas-theme="light"] .pcp-component small { color: #64748b !important; }
html[data-mas-theme="light"] .pcp-eyebrow,
html[data-mas-theme="light"] .pcp-badge { color: #475569 !important; }
html[data-mas-theme="light"] .pcp-card { background: #fff !important; border-color: #dbe2ec !important; box-shadow: 0 18px 45px rgba(15,23,42,.08); }
html[data-mas-theme="light"] .pcp-component { background: #f8fafc !important; border-color: #dbe2ec !important; }
html[data-mas-theme="light"] .pcp-btn.ghost { color: #111827 !important; border-color: #b9c6d8 !important; background: rgba(255,255,255,.72) !important; }

/* Light mode mapping for plugin detail local tokens and header. */
html[data-mas-theme="light"] body:has(.pc-family) .header { background: var(--mas-card-bg) !important; }
html[data-mas-theme="light"] body:has(.pc-family) .header__action-btn { color: var(--mas-text) !important; border-color: var(--mas-border) !important; }
html[data-mas-theme="light"] body:has(.pc-family) .header-burger .burger span { background: var(--mas-text) !important; }
html[data-mas-theme="light"] body:has(.pc-family) .mas-theme-toggle { color: var(--mas-text) !important; background: var(--mas-card-bg) !important; border-color: var(--mas-border) !important; }
html[data-mas-theme="light"] .pc-family-kicker { color: #475569 !important; border-color: #cbd5e1 !important; }
html[data-mas-theme="light"] .pc-family-summary { background: rgba(255,255,255,.72) !important; border-color: #dbe2ec !important; }
html[data-mas-theme="light"] .pc-family-fact { border-color: #dbe2ec !important; }
html[data-mas-theme="light"] .pc-family-fact span,
html[data-mas-theme="light"] .pc-family-list span { color: #64748b !important; }
html[data-mas-theme="light"] .pc-family-fact strong,
html[data-mas-theme="light"] .pc-family-list strong { color: #111827 !important; }
html[data-mas-theme="light"] .pc-family-btn--ghost,
html[data-mas-theme="light"] .pc-family-card .pc-family-btn--light { color: #111827 !important; border-color: #b9c6d8 !important; background: rgba(255,255,255,.72) !important; }
html[data-mas-theme="light"] .pc-family-feature strong,
html[data-mas-theme="light"] .pc-family-doc { color: #111827 !important; }
html[data-mas-theme="light"] .pc-family-doc small { color: var(--mas-accent) !important; }

/* Documentation hero/sidebar local white labels. */
html[data-mas-theme="light"] .kb-docs-kicker,
html[data-mas-theme="light"] .kb-docs-pill,
html[data-mas-theme="light"] .kb-docs-sidebar-head,
html[data-mas-theme="light"] .kb-docs-sidebar-head span { color: #475569 !important; }
html[data-mas-theme="light"] .kb-docs-pill { border-color: #b9c6d8 !important; background: rgba(255,255,255,.7) !important; }
html[data-mas-theme="light"] body:has(.kb-docs) .header { background: var(--mas-card-bg) !important; }
html[data-mas-theme="light"] body:has(.kb-docs) .header__action-btn { color: var(--mas-text) !important; border-color: var(--mas-border) !important; }
html[data-mas-theme="light"] body:has(.kb-docs) .header-burger .burger span { background: var(--mas-text) !important; }
html[data-mas-theme="light"] body:has(.kb-docs) .mas-theme-toggle { color: var(--mas-text) !important; background: var(--mas-card-bg) !important; border-color: var(--mas-border) !important; }
html[data-mas-theme="light"] .kb-docs-search { background: rgba(255,255,255,.72) !important; border-color: #b9c6d8 !important; }
html[data-mas-theme="light"] .kb-docs-search input { color: #111827 !important; }
html[data-mas-theme="light"] .kb-docs-search input::placeholder { color: #64748b !important; opacity: 1 !important; }

/* Keep the shared fixed header readable on every light-mode page. */
html[data-mas-theme="light"] .header__content__venor {
  background: #eaf7ff !important;
  box-shadow: 0 8px 24px rgba(26,162,235,.16);
  border-bottom: 1px solid rgba(26,162,235,.24);
}
html[data-mas-theme="light"] .header__content__venor .header__action-btn,
html[data-mas-theme="light"] .header__content__venor .header__action-btn span {
  color: var(--mas-text) !important;
  -webkit-text-fill-color: var(--mas-text) !important;
  border-color: rgba(26,162,235,.34) !important;
}
html[data-mas-theme="light"] .header__content__venor .header-burger .burger span { background: var(--mas-text) !important; }
html[data-mas-theme="light"] .header__content__venor .header__logo .logo-front { filter: none !important; }

/* Local page styles use a transparent outlined typed word and white ghost buttons. */
html[data-mas-theme="light"] .typed-section .mt_typed_text { color: transparent !important; -webkit-text-stroke-color: var(--mas-text) !important; }
html[data-mas-theme="light"] .parent-typed-text .mt_typed_text { color: transparent !important; -webkit-text-stroke-color: var(--mas-text) !important; }
html[data-mas-theme="light"] .parent-typed-text .typed-cursor { color: var(--mas-text) !important; }
html[data-mas-theme="light"] .typed-section a.btn.btn-style1 svg { fill: var(--mas-text) !important; }
html[data-mas-theme="light"] .mas-ext-btn.ghost { color: #1e3a8a !important; border-color: #9db6df !important; background: rgba(255,255,255,.72) !important; }
html[data-mas-theme="light"] .mas-ext-feature-list li { color: #334155 !important; }
html[data-mas-theme="light"] .mas-ext-price { color: #111827 !important; }
html[data-mas-theme="light"] .mas-ext-price small { color: #64748b !important; }

/* Replace the heavy black home bands with soft, brand-led light bands. */
html[data-mas-theme="light"] .portfolio-section {
  background: #eef5ff !important;
  color: var(--mas-text) !important;
  border-top: 4px solid var(--mas-brand-blue);
  border-bottom: 1px solid rgba(36,80,164,.16);
}
html[data-mas-theme="light"] .blog-section {
  background: #edf9ff !important;
  color: var(--mas-text) !important;
  border-top: 4px solid var(--mas-brand-sky);
  border-bottom: 1px solid rgba(26,162,235,.18);
}
html[data-mas-theme="light"] .portfolio-section h4,
html[data-mas-theme="light"] .portfolio-section h3,
html[data-mas-theme="light"] .blog-section h3,
html[data-mas-theme="light"] .blog-section .blog-section-title {
  color: var(--mas-text) !important;
}
html[data-mas-theme="light"] .portfolio-section h3 span,
html[data-mas-theme="light"] .blog-section .blog-section-title span {
  color: transparent !important;
  -webkit-text-stroke-color: var(--mas-brand-blue) !important;
}
html[data-mas-theme="light"] .blog-section .blog-section-title span {
  -webkit-text-stroke-color: var(--mas-brand-sky) !important;
}
html[data-mas-theme="light"] .portfolio-section .owl-nav button,
html[data-mas-theme="light"] .portfolio-section .owl-dots button span,
html[data-mas-theme="light"] .blog-section .owl-nav button,
html[data-mas-theme="light"] .blog-section .owl-dots button span {
  color: var(--mas-text) !important;
  border-color: var(--mas-text) !important;
  background-color: transparent !important;
}
html[data-mas-theme="light"] .portfolio-section .project__text,
html[data-mas-theme="light"] .portfolio-section .project-meta-title a,
html[data-mas-theme="light"] .portfolio-section .project-button a,
html[data-mas-theme="light"] .portfolio-section .project-button span {
  color: var(--mas-text) !important;
  -webkit-text-fill-color: var(--mas-text) !important;
}
html[data-mas-theme="light"] .portfolio-section .project-category .block_text {
  color: var(--mas-brand-blue) !important;
  -webkit-text-fill-color: var(--mas-brand-blue) !important;
}
html[data-mas-theme="light"] .portfolio-section .project-number {
  color: transparent !important;
  -webkit-text-stroke-color: var(--mas-brand-sky) !important;
}
html[data-mas-theme="light"] .portfolio-section .project-button a svg { stroke: var(--mas-text) !important; }

/* Plugin detail/documentation pages */
html[data-mas-theme="light"] .pc-family,
html[data-mas-theme="light"] .kb-docs { background: #f5f7fb !important; color: #111827 !important; }
html[data-mas-theme="light"] .pc-family-hero,
html[data-mas-theme="light"] .kb-docs-hero { background: linear-gradient(135deg,#eef3ff,#f8fbff 60%,#e9f8fb) !important; color: #111827 !important; }
html[data-mas-theme="light"] .pc-family-hero h1,
html[data-mas-theme="light"] .kb-docs-hero h1 { color: #111827 !important; }

/* Light-mode hero artwork: use the generated bright variants while preserving the original dark slides. */
html[data-mas-theme="light"] body:has(.slider-venor-section) .slider-inner-venor {
  background-color: #f5f7fb !important;
  background-blend-mode: normal !important;
}
html[data-mas-theme="light"] body:has(.slider-venor-section) .slider-inner-venor[style*="Consult_header-10"] {
  background-image: url('/images/media/mas-hero-consult-light.png') !important;
}
html[data-mas-theme="light"] body:has(.slider-venor-section) .slider-inner-venor[style*="quinheader"] {
  background-image: url('/images/media/mas-hero-quin-light.png') !important;
}
html[data-mas-theme="light"] body:has(.slider-venor-section) .slider-content h1 {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}
html[data-mas-theme="light"] body:has(.slider-venor-section) .slider-content h2 {
  color: transparent !important;
  -webkit-text-stroke-color: var(--mas-brand-sky) !important;
}
html[data-mas-theme="light"] body:has(.slider-venor-section) .slider-body p { color: #334155 !important; }
html[data-mas-theme="light"] body:has(.slider-venor-section) .slider-content .owl-nav button,
html[data-mas-theme="light"] body:has(.slider-venor-section) a.hero__scroll svg { color: #111827 !important; fill: #111827 !important; }
html[data-mas-theme="light"] body:has(.slider-venor-section) .header-social-share ul li a { color: #111827 !important; border-color: rgba(15,23,42,.28) !important; }
html[data-mas-theme="light"] body:has(.slider-venor-section) .header-social-share ul li a em { filter: brightness(0) !important; -webkit-filter: brightness(0) !important; }
html[data-mas-theme="light"] .pc-family-hero p,
html[data-mas-theme="light"] .kb-docs-hero p { color: #475569 !important; }
html[data-mas-theme="light"] .pc-family-nav,
html[data-mas-theme="light"] .pc-family-section,
html[data-mas-theme="light"] .pc-family-feature,
html[data-mas-theme="light"] .pc-family-card,
html[data-mas-theme="light"] .pc-family-doc,
html[data-mas-theme="light"] .kb-docs-sidebar,
html[data-mas-theme="light"] .kb-docs-article { background: #fff !important; color: #111827 !important; border-color: #dbe2ec !important; }
html[data-mas-theme="light"] .pc-family-section h2,
html[data-mas-theme="light"] .pc-family-card h3,
html[data-mas-theme="light"] .kb-docs-article h2,
html[data-mas-theme="light"] .kb-docs-article h3 { color: #111827 !important; }
html[data-mas-theme="light"] .pc-family-section p,
html[data-mas-theme="light"] .pc-family-card p,
html[data-mas-theme="light"] .kb-docs-copy,
html[data-mas-theme="light"] .kb-docs-article-summary { color: #64748b !important; }

@media (max-width: 767px) {
    .mas-theme-toggle { width: 40px; height: 40px; }
    .mas-theme-toggle-mobile { margin-top: 18px; }
}

/* Final light-mode brand surface override; keep this after page-specific rules. */
html[data-mas-theme="light"] .header__content__venor,
html[data-mas-theme="light"] .header.sticky,
html[data-mas-theme="light"] .header.sticky .header__content__venor,
html[data-mas-theme="light"] .footer-section .footer-left,
html[data-mas-theme="light"] .footer-section .footer-right {
  background: var(--mas-header-bg) !important;
  background-image: none !important;
  color: var(--mas-on-accent) !important;
  border-color: var(--mas-border-soft) !important;
}
html[data-mas-theme="light"] .header__content__venor .header__action-btn,
html[data-mas-theme="light"] .header__content__venor .header__action-btn span,
html[data-mas-theme="light"] .header__content__venor .mas-theme-toggle,
html[data-mas-theme="light"] .footer-section .footer-left h4,
html[data-mas-theme="light"] .footer-section .footer-left span,
html[data-mas-theme="light"] .footer-section .footer-left a,
html[data-mas-theme="light"] .footer-section .footer-right h4,
html[data-mas-theme="light"] .footer-section .footer-right a,
html[data-mas-theme="light"] .footer-section .footer-right p,
html[data-mas-theme="light"] .footer-section .footer-right span {
  color: var(--mas-on-accent) !important;
  -webkit-text-fill-color: var(--mas-on-accent) !important;
}
html[data-mas-theme="light"] .header__content__venor .header-burger .burger span { background: var(--mas-on-accent) !important; }
html[data-mas-theme="light"] .header__content__venor .header__action-btn,
html[data-mas-theme="light"] .footer-section .footer-left a.btn {
  border-color: var(--mas-on-accent) !important;
}
html[data-mas-theme="light"] .header__content__venor .mas-theme-toggle {
  background: color-mix(in srgb, var(--mas-on-accent) 14%, transparent) !important;
  border-color: var(--mas-on-accent) !important;
}
html[data-mas-theme="light"] .footer-section .footer-right::before { background: transparent !important; opacity: 0 !important; }

/* Final light interaction layer after page-specific component styles. */
html[data-mas-theme="light"] body a.btn.btn-slider,
html[data-mas-theme="light"] body .btn.btn-style2,
html[data-mas-theme="light"] body .pcp-btn:not(.ghost),
html[data-mas-theme="light"] body .mas-ext-btn.brand,
html[data-mas-theme="light"] body .mas-ext-btn.primary,
html[data-mas-theme="light"] body button[type="submit"].btn {
  background: var(--mas-action) !important;
  background-image: none !important;
  color: var(--mas-action-text) !important;
  -webkit-text-fill-color: var(--mas-action-text) !important;
  border-color: var(--mas-action) !important;
  box-shadow: 0 10px 24px var(--mas-action-soft) !important;
}
html[data-mas-theme="light"] body a.btn.btn-slider:hover,
html[data-mas-theme="light"] body .btn.btn-style2:hover,
html[data-mas-theme="light"] body .pcp-btn:not(.ghost):hover,
html[data-mas-theme="light"] body .mas-ext-btn.brand:hover,
html[data-mas-theme="light"] body .mas-ext-btn.primary:hover,
html[data-mas-theme="light"] body button[type="submit"].btn:hover {
  background: var(--mas-action-hover) !important;
  color: var(--mas-action-text) !important;
  -webkit-text-fill-color: var(--mas-action-text) !important;
  border-color: var(--mas-action-hover) !important;
  box-shadow: 0 14px 30px var(--mas-focus-ring) !important;
}
html[data-mas-theme="light"] body a.btn.btn-slider:before,
html[data-mas-theme="light"] body .btn.btn-style2:before,
html[data-mas-theme="light"] body .btn.btn-style1:before,
html[data-mas-theme="light"] body .header__action-btn:before {
  background: var(--mas-action-hover) !important;
}
html[data-mas-theme="light"] body .btn.btn-style1,
html[data-mas-theme="light"] body .mas-ext-btn.secondary,
html[data-mas-theme="light"] body .mas-ext-btn.ghost,
html[data-mas-theme="light"] body .pcp-btn.ghost {
  background: transparent !important;
  color: var(--mas-action) !important;
  -webkit-text-fill-color: var(--mas-action) !important;
  border-color: var(--mas-action-border) !important;
  box-shadow: none !important;
}
html[data-mas-theme="light"] body .btn.btn-style1:hover,
html[data-mas-theme="light"] body .mas-ext-btn.secondary:hover,
html[data-mas-theme="light"] body .mas-ext-btn.ghost:hover,
html[data-mas-theme="light"] body .pcp-btn.ghost:hover {
  background: var(--mas-action-soft) !important;
  color: var(--mas-action) !important;
  -webkit-text-fill-color: var(--mas-action) !important;
  border-color: var(--mas-action-hover) !important;
  box-shadow: 0 10px 24px var(--mas-action-soft) !important;
}
html[data-mas-theme="light"] body .btn.btn-style1 svg { fill: var(--mas-action) !important; stroke: var(--mas-action) !important; }
html[data-mas-theme="light"] body a.btn.btn-slider svg,
html[data-mas-theme="light"] body .btn.btn-style2 svg { fill: var(--mas-action-text) !important; stroke: var(--mas-action-text) !important; }
html[data-mas-theme="light"] body:has(.header__content__venor) .header__actions__venor .header__action-btn:hover {
  background: var(--mas-action) !important;
  color: var(--mas-action-text) !important;
  -webkit-text-fill-color: var(--mas-action-text) !important;
  border-color: var(--mas-action) !important;
  box-shadow: 0 10px 24px var(--mas-action-soft) !important;
}
html[data-mas-theme="light"] body:has(.header__content__venor) .header__actions__venor .header__action-btn:hover span,
html[data-mas-theme="light"] body:has(.header__content__venor) .header__actions__venor .header__action-btn:hover svg,
html[data-mas-theme="light"] body:has(.header__content__venor) .header__actions__venor .header__action-btn:hover em {
  color: var(--mas-action-text) !important;
  -webkit-text-fill-color: var(--mas-action-text) !important;
  fill: var(--mas-action-text) !important;
  stroke: var(--mas-action-text) !important;
}
html[data-mas-theme="light"] body .mas-ext-card:hover,
html[data-mas-theme="light"] body .mas-creation-route:hover,
html[data-mas-theme="light"] body .mas-creation-card:hover,
html[data-mas-theme="light"] body .pcp-card:hover,
html[data-mas-theme="light"] body .pc-family-card:hover,
html[data-mas-theme="light"] body .kb-docs-sidebar a:hover {
  border-color: var(--mas-action-border) !important;
  box-shadow: 0 20px 50px var(--mas-action-soft) !important;
}
html[data-mas-theme="light"] body a:focus-visible,
html[data-mas-theme="light"] body button:focus-visible,
html[data-mas-theme="light"] body input:focus-visible,
html[data-mas-theme="light"] body select:focus-visible,
html[data-mas-theme="light"] body textarea:focus-visible {
  outline: 2px solid var(--mas-brand-sky) !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 4px var(--mas-focus-ring) !important;
}

/* Absolute last layer for page-local header rules. */
/* Light-mode header states: transparent over first-view heroes, solid when sticky. */
html[data-mas-theme="light"] body:not(.sticky):has(.slider-venor-section) .header,
html[data-mas-theme="light"] body:not(.sticky):has(.slider-venor-section) .header__content__venor,
html[data-mas-theme="light"] body:not(.sticky):has(.mas-creations-hero) .header,
html[data-mas-theme="light"] body:not(.sticky):has(.mas-creations-hero) .header__content__venor,
html[data-mas-theme="light"] body:not(.sticky):has(.mas-ext-hero) .header,
html[data-mas-theme="light"] body:not(.sticky):has(.mas-ext-hero) .header__content__venor,
html[data-mas-theme="light"] body:not(.sticky):has(.pc-family-hero) .header,
html[data-mas-theme="light"] body:not(.sticky):has(.pc-family-hero) .header__content__venor,
html[data-mas-theme="light"] body:not(.sticky):has(.kb-docs-hero) .header,
html[data-mas-theme="light"] body:not(.sticky):has(.kb-docs-hero) .header__content__venor,
html[data-mas-theme="light"] body:not(.sticky):has(.mas-main-pricing-repair-hero) .header,
html[data-mas-theme="light"] body:not(.sticky):has(.mas-main-pricing-repair-hero) .header__content__venor,
html[data-mas-theme="light"] body:not(.sticky):has(.breadcrumb-area) .header,
html[data-mas-theme="light"] body:not(.sticky):has(.breadcrumb-area) .header__content__venor,
html[data-mas-theme="light"] body:not(.sticky):has(.banner-section) .header,
html[data-mas-theme="light"] body:not(.sticky):has(.banner-section) .header__content__venor {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}
html[data-mas-theme="light"] body:not(.sticky):has(.slider-venor-section) .header__actions__venor .header__action-btn,
html[data-mas-theme="light"] body:not(.sticky):has(.mas-creations-hero) .header__actions__venor .header__action-btn,
html[data-mas-theme="light"] body:not(.sticky):has(.mas-ext-hero) .header__actions__venor .header__action-btn,
html[data-mas-theme="light"] body:not(.sticky):has(.pc-family-hero) .header__actions__venor .header__action-btn,
html[data-mas-theme="light"] body:not(.sticky):has(.kb-docs-hero) .header__actions__venor .header__action-btn,
html[data-mas-theme="light"] body:not(.sticky):has(.mas-main-pricing-repair-hero) .header__actions__venor .header__action-btn {
  color: var(--mas-on-header) !important;
  -webkit-text-fill-color: var(--mas-on-header) !important;
  border-color: var(--mas-header-border) !important;
}
html[data-mas-theme="light"] body:not(.sticky):has(.slider-venor-section) .header-burger .burger span,
html[data-mas-theme="light"] body:not(.sticky):has(.mas-creations-hero) .header-burger .burger span,
html[data-mas-theme="light"] body:not(.sticky):has(.mas-ext-hero) .header-burger .burger span,
html[data-mas-theme="light"] body:not(.sticky):has(.pc-family-hero) .header-burger .burger span,
html[data-mas-theme="light"] body:not(.sticky):has(.kb-docs-hero) .header-burger .burger span,
html[data-mas-theme="light"] body:not(.sticky):has(.mas-main-pricing-repair-hero) .header-burger .burger span {
  background: var(--mas-on-header) !important;
}
html[data-mas-theme="light"] body:not(.sticky):has(.slider-venor-section) .mas-theme-toggle,
html[data-mas-theme="light"] body:not(.sticky):has(.mas-creations-hero) .mas-theme-toggle,
html[data-mas-theme="light"] body:not(.sticky):has(.mas-ext-hero) .mas-theme-toggle,
html[data-mas-theme="light"] body:not(.sticky):has(.pc-family-hero) .mas-theme-toggle,
html[data-mas-theme="light"] body:not(.sticky):has(.kb-docs-hero) .mas-theme-toggle,
html[data-mas-theme="light"] body:not(.sticky):has(.mas-main-pricing-repair-hero) .mas-theme-toggle,
html[data-mas-theme="light"] body:not(.sticky):has(.breadcrumb-area) .mas-theme-toggle,
html[data-mas-theme="light"] body:not(.sticky):has(.banner-section) .mas-theme-toggle {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: var(--mas-on-header) !important;
  background: rgba(255,255,255,.78) !important;
  border-color: var(--mas-header-border) !important;
  box-shadow: 0 8px 20px rgba(36,80,164,.12) !important;
}

html[data-mas-theme="light"] body.sticky .header,
html[data-mas-theme="light"] body.sticky .header__content__venor {
  background: var(--mas-header-bg) !important;
  background-color: var(--mas-header-bg) !important;
  background-image: none !important;
  box-shadow: 0 8px 24px rgba(26,162,235,.16) !important;
  border-bottom: 1px solid var(--mas-header-border) !important;
}
html[data-mas-theme="light"] body.sticky .header__actions__venor .header__action-btn,
html[data-mas-theme="light"] body.sticky .header__actions__venor .header__action-btn span,
html[data-mas-theme="light"] body.sticky .header__actions__venor .header__action-btn svg,
html[data-mas-theme="light"] body.sticky .header__actions__venor .header__action-btn em {
  color: var(--mas-on-header) !important;
  -webkit-text-fill-color: var(--mas-on-header) !important;
  fill: var(--mas-on-header) !important;
  stroke: var(--mas-on-header) !important;
  border-color: var(--mas-header-border) !important;
}
html[data-mas-theme="light"] body.sticky .header-burger .burger span {
  background: var(--mas-on-header) !important;
}
html[data-mas-theme="light"] body.sticky .mas-theme-toggle {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: var(--mas-on-header) !important;
  background: var(--mas-toggle-bg) !important;
  border-color: var(--mas-header-border) !important;
}
html[data-mas-theme="light"] body:has(.header__content__venor) .footer-section .footer-left a.btn.btn-style2,
html[data-mas-theme="light"] body:has(.header__content__venor) .footer-section .footer-right a.btn.btn-style2 {
  background: var(--mas-action) !important;
  color: var(--mas-action-text) !important;
  -webkit-text-fill-color: var(--mas-action-text) !important;
  border-color: var(--mas-action) !important;
  box-shadow: 0 10px 24px var(--mas-action-soft) !important;
}
html[data-mas-theme="light"] body:has(.header__content__venor) .footer-section .footer-left a.btn.btn-style2:hover,
html[data-mas-theme="light"] body:has(.header__content__venor) .footer-section .footer-right a.btn.btn-style2:hover {
  background: var(--mas-action-hover) !important;
  color: var(--mas-action-text) !important;
  -webkit-text-fill-color: var(--mas-action-text) !important;
  border-color: var(--mas-action-hover) !important;
}
html[data-mas-theme="light"] body:has(.header__content__venor) .header,
html[data-mas-theme="light"] body:has(.header__content__venor) .header__content__venor,
html[data-mas-theme="light"] body:has(.header__content__venor) .header.sticky,
html[data-mas-theme="light"] body:has(.header__content__venor) .header.sticky .header__content__venor {
  background: var(--mas-header-bg) !important;
  background-image: none !important;
  color: var(--mas-on-header) !important;
}
html[data-mas-theme="light"] body:has(.header__content__venor) .header__actions__venor .header__action-btn,
html[data-mas-theme="light"] body:has(.header__content__venor) .header__actions__venor .header__action-btn span,
html[data-mas-theme="light"] body:has(.header__content__venor) .header__actions__venor .header__action-btn svg,
html[data-mas-theme="light"] body:has(.header__content__venor) .header__actions__venor .header__action-btn em {
  color: var(--mas-on-header) !important;
  fill: var(--mas-on-header) !important;
  stroke: var(--mas-on-header) !important;
  -webkit-text-fill-color: var(--mas-on-header) !important;
  border-color: var(--mas-header-border) !important;
}
html[data-mas-theme="light"] body:has(.header__content__venor) .header-burger .burger span {
  background: var(--mas-on-header) !important;
}
html[data-mas-theme="light"] body:has(.header__content__venor) .mas-theme-toggle {
  color: var(--mas-on-header) !important;
  background: var(--mas-toggle-bg) !important;
  border-color: var(--mas-header-border) !important;
}
html[data-mas-theme="light"] body:has(.header__content__venor) .footer-section .footer-left {
  background: var(--mas-footer-bg) !important;
  color: var(--mas-on-footer) !important;
  border-color: var(--mas-footer-border) !important;
}
html[data-mas-theme="light"] body:has(.header__content__venor) .footer-section .footer-right {
  background: var(--mas-footer-bg-soft) !important;
  color: var(--mas-on-footer) !important;
  border-color: var(--mas-footer-border) !important;
}
html[data-mas-theme="light"] body:has(.header__content__venor) .footer-section .footer-left h4,
html[data-mas-theme="light"] body:has(.header__content__venor) .footer-section .footer-left span,
html[data-mas-theme="light"] body:has(.header__content__venor) .footer-section .footer-left a,
html[data-mas-theme="light"] body:has(.header__content__venor) .footer-section .footer-right h4,
html[data-mas-theme="light"] body:has(.header__content__venor) .footer-section .footer-right a,
html[data-mas-theme="light"] body:has(.header__content__venor) .footer-section .footer-right p,
html[data-mas-theme="light"] body:has(.header__content__venor) .footer-section .footer-right span {
  color: var(--mas-on-footer) !important;
  -webkit-text-fill-color: var(--mas-on-footer) !important;
}