:root[data-theme="light"] {

  --bg-0: #FBFCFB;
  --bg-1: #FFFFFF;
  --bg-2: #F2F6F3;
  --bg-3: #E9EFEB;

  --brand: #009544;
  --brand-lit: #00803A;
  --brand-soft: #00A94D;

  --txt: #0A1512;
  --txt-2: #4B5E54;

  --txt-3: #64726A;

  --line: rgba(10, 21, 18, .10);
  --line-2: rgba(10, 21, 18, .17);
  --line-brand: rgba(0, 149, 68, .34);

  color-scheme: light;
}

:root[data-theme="light"] body::after { opacity: .018; }

:root[data-theme="light"] ::selection {
  background: rgba(0, 149, 68, .22);
  color: #04150C;
}

:root[data-theme="light"] :focus-visible { outline-color: var(--brand); }
:root[data-theme="light"] .skip-link { background: #00803A; color: #fff; }

:root[data-theme="light"] .site-header,
:root[data-theme="light"] .mobile-nav,
:root[data-theme="light"] .hero,
:root[data-theme="light"] .section--capabilities,
:root[data-theme="light"] .section--contact,
:root[data-theme="light"] .site-footer {
  --txt: #E9F1EB;
  --txt-2: #9FB2A6;
  --txt-3: #75897F;
  --line: rgba(255, 255, 255, .075);
  --line-2: rgba(255, 255, 255, .14);
  --line-brand: rgba(0, 217, 95, .28);
  --brand: #009544;
  --brand-lit: #00D95F;
  --brand-soft: #7CFFB2;
  --bg-1: #0B120F;
  --bg-2: #101917;
  color: var(--txt);
  color-scheme: dark;
}

:root[data-theme="light"] .hero,
:root[data-theme="light"] .section--capabilities,
:root[data-theme="light"] .section--contact {
  background: #050807;
}

:root[data-theme="light"] .section--capabilities .section__aura,
:root[data-theme="light"] .section--contact .section__aura {
  background: radial-gradient(circle, rgba(0, 149, 68, .14), transparent 66%);
}

:root[data-theme="light"] .section--capabilities [data-spotlight]::before,
:root[data-theme="light"] .section--contact [data-spotlight]::before {
  background: radial-gradient(460px circle at var(--mx, 50%) var(--my, 0%),
              rgba(0, 217, 95, .10), transparent 62%);
}
:root[data-theme="light"] .section--capabilities [data-spotlight]::after,
:root[data-theme="light"] .section--contact [data-spotlight]::after {
  background: radial-gradient(320px circle at var(--mx, 50%) var(--my, 0%),
              rgba(0, 217, 95, .6), transparent 62%);
}

:root[data-theme="light"] .section--contact .contact__channel-icon {
  background: rgba(0, 217, 95, .06);
  color: var(--brand-lit);
}

:root[data-theme="light"] .section--capabilities .cap__icon {
  background: #050807;
  color: var(--brand-lit);
}

:root[data-theme="light"] .section--capabilities .shot__media {
  background: #0B120F;
}

:root[data-theme="light"] .hero .btn--primary,
:root[data-theme="light"] .section--capabilities .btn--primary,
:root[data-theme="light"] .section--contact .btn--primary {
  background: linear-gradient(180deg, #00D95F, #009544);
  color: #03170C;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .28) inset,
              0 10px 30px -12px rgba(0, 217, 95, .65);
}
:root[data-theme="light"] .hero .btn--primary:hover,
:root[data-theme="light"] .section--capabilities .btn--primary:hover,
:root[data-theme="light"] .section--contact .btn--primary:hover {
  box-shadow: 0 1px 0 rgba(255, 255, 255, .35) inset,
              0 16px 42px -14px rgba(0, 217, 95, .9);
}

:root[data-theme="light"] .hero .btn--ghost:hover,
:root[data-theme="light"] .section--capabilities .btn--ghost:hover,
:root[data-theme="light"] .section--contact .btn--ghost:hover {
  background: rgba(0, 217, 95, .07);
  color: #fff;
}

:root[data-theme="light"] .site-header {
  box-shadow: 0 1px 0 rgba(10, 21, 18, .06), 0 10px 30px -22px rgba(10, 21, 18, .5);
}
:root[data-theme="light"] .site-header::before {
  background: rgba(6, 10, 8, .93);
  backdrop-filter: blur(16px) saturate(140%);
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  opacity: 1;
}
:root[data-theme="light"] .site-header.is-stuck::before {
  background: rgba(6, 10, 8, .97);
}
:root[data-theme="light"] .site-header.is-stuck {
  box-shadow: 0 1px 0 rgba(10, 21, 18, .08), 0 14px 34px -22px rgba(10, 21, 18, .6);
}
:root[data-theme="light"] .site-header__line {
  background: linear-gradient(90deg, transparent, rgba(0, 217, 95, .32), transparent);
}
:root[data-theme="light"] .mobile-nav { background: rgba(6, 10, 8, .985); }

:root[data-theme="light"] .hero {

  --particle-node: 0, 217, 95;
  --particle-hub: 124, 255, 178;
  --particle-link: 0, 190, 90;
  --particle-opacity: 1;
}

:root[data-theme="light"] .clients,
:root[data-theme="light"] .section--testimonials {
  background: var(--bg-2);
}

:root[data-theme="light"] .clients {
  background: #E7EDE9;
  border-top: 1px solid var(--line);
  border-bottom: 0;
}

:root[data-theme="light"] .marquee__item img,
:root[data-theme="light"] .clients__partners-list img {
  filter: invert(1);
  opacity: .55;
}
:root[data-theme="light"] .marquee__item:hover img { opacity: .95; }
:root[data-theme="light"] .clients__partners-list li:hover img { opacity: .85; }

:root[data-theme="light"] .section__aura {
  background: radial-gradient(circle, rgba(0, 149, 68, .10), transparent 66%);
}

:root[data-theme="light"] .card,
:root[data-theme="light"] .quote {
  background: var(--bg-1);
  box-shadow: 0 1px 2px rgba(10, 21, 18, .04), 0 12px 28px -20px rgba(10, 21, 18, .28);
}
:root[data-theme="light"] .card:hover,
:root[data-theme="light"] .quote:hover {
  box-shadow: 0 2px 4px rgba(10, 21, 18, .05), 0 22px 44px -24px rgba(10, 21, 18, .34);
}

:root[data-theme="light"] .step,
:root[data-theme="light"] .faq__item { background: var(--bg-1); }

:root[data-theme="light"] .step__media { background: var(--bg-2); }
:root[data-theme="light"] .step__badge {
  background: rgba(255, 255, 255, .88);
  color: var(--brand-lit);
}

:root[data-theme="light"] [data-spotlight]::before {
  background: radial-gradient(460px circle at var(--mx, 50%) var(--my, 0%),
              rgba(0, 149, 68, .07), transparent 62%);
}
:root[data-theme="light"] [data-spotlight]::after {
  background: radial-gradient(320px circle at var(--mx, 50%) var(--my, 0%),
              rgba(0, 149, 68, .45), transparent 62%);
}

:root[data-theme="light"] .card__icon,
:root[data-theme="light"] .step__icon,
:root[data-theme="light"] .cap__icon,
:root[data-theme="light"] .contact__channel-icon {
  background: rgba(0, 149, 68, .09);
  color: var(--brand-lit);
}

:root[data-theme="light"] .tag,
:root[data-theme="light"] .filters { background: var(--bg-3); }

:root[data-theme="light"] .btn--primary {
  background: linear-gradient(180deg, #00A94D, #00803A);
  color: #fff;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .22) inset,
              0 10px 24px -12px rgba(0, 128, 58, .55);
}
:root[data-theme="light"] .btn--primary:hover {
  box-shadow: 0 1px 0 rgba(255, 255, 255, .28) inset,
              0 16px 34px -14px rgba(0, 128, 58, .7);
}
:root[data-theme="light"] .btn--ghost:hover {
  background: rgba(0, 149, 68, .07);
  color: var(--txt);
}

:root[data-theme="light"] .quote__mark { color: var(--brand); opacity: .3; }
:root[data-theme="light"] .quote__avatar { filter: grayscale(1) contrast(.9); }

:root[data-theme="light"] .faq__item[open] { background: rgba(0, 149, 68, .045); }
:root[data-theme="light"] .faq__item[open] .faq__toggle { background: rgba(0, 149, 68, .12); }

:root[data-theme="light"] .app,
:root[data-theme="light"] .paper__link { background: var(--bg-1); }

:root[data-theme="light"] .app__title { color: var(--txt); }
:root[data-theme="light"] .app__arrow {
  background: rgba(255, 255, 255, .82);
  color: var(--txt-2);
}
:root[data-theme="light"] .app__media img,
:root[data-theme="light"] .paper__media img { filter: grayscale(.35) contrast(1.02); }

:root[data-theme="light"] .card__badge {
  background: rgba(255, 255, 255, .86);
  color: var(--txt-2);
}

:root[data-theme="light"] .filter.is-active { color: #fff; }
:root[data-theme="light"] .filter__pill {
  background: linear-gradient(180deg, #00A94D, #00803A);
  box-shadow: 0 6px 16px -8px rgba(0, 128, 58, .6);
}

:root[data-theme="light"] .contact__form-wrap {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .01)),
    var(--bg-1);
  box-shadow: none;
}
:root[data-theme="light"] .section--contact .field--select option {
  background: #101917;
  color: var(--txt);
}

:root[data-theme="light"] .product__badge {
  background: rgba(255, 255, 255, .86);
  color: var(--txt-2);
}
:root[data-theme="light"] .specsheet__group { background: var(--bg-1); }
:root[data-theme="light"] .prodrel__link { background: var(--bg-1); }

:root[data-theme="light"] .site-footer { background: #080D0B; }
:root[data-theme="light"] .site-footer__aura {
  background: radial-gradient(circle, rgba(0, 149, 68, .13), transparent 62%);
}