html[data-theme="light"] {
  --black: #ffffff;
  --black-2: #ffffff;
  --text: #1b1b1d;
  --muted: rgba(27, 27, 29, 0.72);
  --card: rgba(255, 255, 255, 0.86);
}

html[data-theme="light"] body,
html[data-theme="light"] .site-page,
html[data-theme="light"] .hero,
html[data-theme="light"] .portfolio-section,
html[data-theme="light"] .intro-section,
html[data-theme="light"] .how-section,
html[data-theme="light"] .agency-section,
html[data-theme="light"] .services-section,
html[data-theme="light"] .development-section,
html[data-theme="light"] .comparison-section,
html[data-theme="light"] .budget-section,
html[data-theme="light"] .trust-strip,
html[data-theme="light"] .faq {
  background: #ffffff;
}

html[data-theme="light"] .hero::before {
  background: transparent;
}

html[data-theme="light"] .hero::after {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), #ffffff);
}

html[data-theme="light"] .site-nav {
  background: rgba(255, 255, 255, 0.94);
}

html[data-theme="light"] .site-logo {
  background: #ffffff;
}

html[data-theme="light"] .portfolio-card:not(.niche-card):not(.client-site-one):not(.client-site-two):not(.client-site-three):not(.client-site-four):not(.client-site-five):not([class*="session-three-brand-"]):not([class*="session-four-mobile-"]):not([class*="session-five-site-"]),
html[data-theme="light"] .services-shell,
html[data-theme="light"] .service-card,
html[data-theme="light"] .development-card,
html[data-theme="light"] .faq-item,
html[data-theme="light"] .image-slot,
html[data-theme="light"] .benefits-grid article,
html[data-theme="light"] .plan-card,
html[data-theme="light"] .why-card,
html[data-theme="light"] .consult-card,
html[data-theme="light"] .faq-list ol,
html[data-theme="light"] .about-card {
  background: #ffffff;
}

html[data-theme="light"] .agency-step-number {
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    conic-gradient(from 45deg, transparent 0 22%, #4DDA02 22% 42%, transparent 42% 72%, #2F8501 72% 100%) border-box;
}

html[data-theme="light"] .budget-grid {
  background-image:
    linear-gradient(rgba(77, 218, 2, 0.1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(77, 218, 2, 0.1) 1px, transparent 1px);
}

html[data-theme="light"] .budget-copy h2,
html[data-theme="light"] .budget-glass span {
  color: #1b1b1d;
}

html[data-theme="light"] .budget-copy p {
  color: rgba(27, 27, 29, 0.68);
}

html[data-theme="light"] .budget-glass {
  background: rgba(255, 255, 255, 0.78);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.86),
    0 28px 70px rgba(27, 27, 29, 0.08);
}

html[data-theme="light"] .service-icon,
html[data-theme="light"] .development-icon {
  border-color: rgba(77, 218, 2, 0.24);
  background:
    linear-gradient(135deg, rgba(77, 218, 2, 0.28), rgba(77, 218, 2, 0.1)),
    rgba(255, 255, 255, 0.72);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.72),
    0 26px 58px rgba(77, 218, 2, 0.14);
}