/* Светлая тема «Atelier Moss»: тёплая бумага, глубина, холодный зелёный только в акцентах */

html.theme-light body {
  background-color: transparent;
  background-image: none;
}

html.theme-light *::selection {
  background: rgba(0, 168, 92, 0.22);
  color: var(--text);
}

html.theme-light *::-moz-selection {
  background: rgba(0, 168, 92, 0.22);
  color: var(--text);
}

/* Как в тёмной теме: та же сила размытия вуали над шейдером (раньше было 3px - паттерн был слишком резкий) */
html.theme-light .bg-veil {
  backdrop-filter: blur(8px) saturate(1.06);
  -webkit-backdrop-filter: blur(8px) saturate(1.06);
  background:
    radial-gradient(ellipse 125% 85% at 50% -32%, var(--veil-radial-1), transparent 58%),
    radial-gradient(ellipse 65% 48% at 100% 5%, var(--veil-radial-2), transparent),
    radial-gradient(ellipse 80% 55% at 0% 90%, rgba(200, 225, 210, 0.35), transparent 52%),
    linear-gradient(180deg, var(--veil-linear-start) 0%, var(--veil-linear-end) 100%);
}

html.theme-light.shader-bg--static .bg-veil {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background:
    radial-gradient(ellipse 120% 80% at 50% -30%, var(--veil-static-r1), transparent 56%),
    linear-gradient(180deg, rgba(255, 252, 248, 0.55) 0%, rgba(210, 228, 218, 0.92) 100%),
    var(--bg);
}

html.theme-light .site-header {
  background: var(--header-bg);
  border-bottom-color: rgba(28, 58, 44, 0.14);
  backdrop-filter: blur(18px) saturate(1.12);
  -webkit-backdrop-filter: blur(18px) saturate(1.12);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.45);
}

html.theme-light #process .section-desc,
html.theme-light #process .step p {
  color: var(--text);
}

/*
 * Hero-стекло: те же blur/saturate, что и в main.css для тёмной темы (.hero-stats / .hero-card).
 * Заливка не «молочная» (не 0.85+ альфа) - иначе матовость не читается; как на тёмной - полупрозрачные слои.
 */
html.theme-light .hero-stats {
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.14) 0%,
    rgba(232, 244, 236, 0.5) 45%,
    rgba(218, 234, 226, 0.54) 100%
  );
  border: 1px solid rgba(32, 72, 52, 0.13);
  box-shadow:
    0 10px 44px rgba(10, 42, 28, 0.09),
    inset 0 1px 0 rgba(255, 255, 255, 0.78);
  backdrop-filter: blur(52px) saturate(1.05);
  -webkit-backdrop-filter: blur(52px) saturate(1.05);
}

html.theme-light .hero-card {
  /* Как у .hero-stats в светлой теме: единый стеклянный язык */
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.14) 0%,
    rgba(232, 244, 236, 0.5) 45%,
    rgba(218, 234, 226, 0.54) 100%
  );
  border-color: rgba(32, 72, 52, 0.13);
  box-shadow:
    0 10px 44px rgba(10, 42, 28, 0.09),
    inset 0 1px 0 rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(52px) saturate(1.05);
  -webkit-backdrop-filter: blur(52px) saturate(1.05);
}

html.theme-light .hero-card .checklist li {
  color: var(--text);
}

html.theme-light .hero-stats .stat span {
  color: var(--text);
}

html.theme-light .hero-stats .stat:not(:last-child) {
  border-bottom-color: rgba(28, 58, 42, 0.1);
}

html.theme-light .hero-card::before {
  background: linear-gradient(145deg, rgba(0, 168, 92, 0.09), transparent 52%);
}

/* Карточки услуг и кейсы: «парят», без плоского белого */
html.theme-light .card,
html.theme-light .case {
  background: linear-gradient(185deg, #f7fbf8 0%, #ecf3ef 100%);
  border-color: rgba(32, 68, 50, 0.12);
  box-shadow:
    0 4px 28px rgba(10, 38, 28, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

html.theme-light .card:hover,
html.theme-light .case:hover {
  border-color: rgba(0, 168, 92, 0.42);
  box-shadow:
    0 8px 36px rgba(8, 55, 35, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

html.theme-light .card-icon {
  background: rgba(0, 168, 92, 0.12);
}

/* Полоса «альтернативной» секции - глубже фона, без серой плитки */
html.theme-light .section-alt {
  background: linear-gradient(
    180deg,
    #cddfd4 0%,
    #c4d8cc 42%,
    #cfdfd5 100%
  );
  border-block-color: rgba(28, 55, 42, 0.12);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.35),
    inset 0 -1px 0 rgba(255, 255, 255, 0.2);
}

html.theme-light .section-alt .case {
  background: linear-gradient(185deg, #f4faf6 0%, #e8f2ec 100%);
  border-color: rgba(32, 68, 50, 0.11);
}

/* CTA: «лужайка на солнце» */
html.theme-light .cta-block {
  background:
    radial-gradient(ellipse 110% 80% at 50% -15%, rgba(0, 175, 100, 0.22), transparent 52%),
    linear-gradient(168deg, #fbfdfb 0%, #e4f3ea 45%, #d3ebe0 100%);
  border-color: rgba(32, 72, 52, 0.15);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 22px 60px rgba(12, 52, 36, 0.13);
}

html.theme-light .cta-block h2 {
  color: var(--text);
}

html.theme-light .cta-block p {
  color: var(--muted);
}

/* Форма: инпуты чуть светлее карточки, не уходят в фон */
html.theme-light .contact-form input:not(.contact-seg__input),
html.theme-light .contact-form textarea {
  background: rgba(255, 255, 255, 0.92);
  border-color: rgba(32, 68, 50, 0.16);
  box-shadow: inset 0 1px 2px rgba(12, 40, 30, 0.04);
}

html.theme-light .contact-form input:not(.contact-seg__input):focus-visible,
html.theme-light .contact-form textarea:focus-visible {
  outline-color: var(--accent);
  border-color: rgba(0, 168, 92, 0.45);
}

html.theme-light .contact-form small {
  color: var(--muted);
}

html.theme-light .context-menu {
  background: linear-gradient(185deg, #fafdfb 0%, #f0f6f2 100%);
  border-color: rgba(32, 68, 50, 0.14);
  box-shadow: var(--shadow-menu);
}

html.theme-light .context-menu__item:hover:not(:disabled),
html.theme-light .context-menu__item:focus-visible {
  background: var(--accent-glow-soft);
  color: var(--accent);
}

html.theme-light .site-footer {
  border-top-color: rgba(32, 58, 45, 0.12);
  color: var(--muted);
  background: linear-gradient(180deg, transparent, rgba(198, 218, 208, 0.45));
}

html.theme-light .variant-switch a {
  color: var(--muted);
}

html.theme-light .theme-toggle {
  border-color: rgba(32, 68, 50, 0.14);
  background: linear-gradient(180deg, #f7fbf8, #e9f1ec);
  box-shadow: 0 2px 12px rgba(10, 38, 28, 0.06);
}