/* ===================== СВЕТЛАЯ ТЕМА — Технологии Общепита ===================== */
[data-theme="light"] {
  color-scheme: light;

  /* Поверхности и текст */
  --bg: #f4f4f6;
  --bg-2: #ebebef;
  --surface: #ffffff;
  --surface-2: #f8f8fa;
  --line: #d4d4da;
  --text: #141418;
  --text-secondary: #45454b;
  --text-tertiary: #76767c;
  --muted: var(--text-secondary);
  --steel: var(--text-tertiary);

  /* Тени — мягкие */
  --shadow: 0 22px 60px rgba(15, 23, 42, 0.07), 0 8px 20px rgba(15, 23, 42, 0.04);
  --shadow-accent: 0 16px 44px rgba(255, 107, 44, 0.2);

  --eng-blue: #2563eb;
  --eng-blue-dim: rgba(37, 99, 235, 0.1);
  --eng-grid: rgba(37, 99, 235, 0.045);

  --call: #1a9e47;
  --call-dark: #157a38;

  --header-glass: rgba(255, 255, 255, 0.94);
  --header-glass-solid: rgba(255, 255, 255, 0.98);
  --header-border: rgba(0, 0, 0, 0.07);
  --topbar-bg: rgba(255, 255, 255, 0.98);
  --footer-bg: #e8e8ec;
  --sticky-bg: rgba(255, 255, 255, 0.94);
  --sticky-border: rgba(0, 0, 0, 0.08);
  --cookie-bg: rgba(255, 255, 255, 0.97);
  --dropdown-bg: rgba(255, 255, 255, 0.98);
  --dropdown-border: rgba(0, 0, 0, 0.08);
  --dropdown-divider: rgba(0, 0, 0, 0.06);
  --dropdown-hover: rgba(0, 0, 0, 0.04);
  --btn-ghost-bg: rgba(0, 0, 0, 0.03);
  --btn-ghost-border: rgba(0, 0, 0, 0.12);
  --btn-ghost-hover-bg: rgba(0, 0, 0, 0.06);
  --btn-ghost-hover-border: rgba(0, 0, 0, 0.18);
  --grain-opacity: 0.02;
  --mobile-nav-bg: rgba(255, 255, 255, 0.98);
  --mobile-nav-shadow: 0 12px 40px rgba(15, 23, 42, 0.1);
}

[data-theme="light"] body {
  background:
    radial-gradient(ellipse 120% 80% at 50% -20%, rgba(255, 107, 44, 0.06), transparent 55%),
    radial-gradient(ellipse 60% 50% at 100% 0%, rgba(37, 99, 235, 0.05), transparent 50%),
    var(--bg);
}

[data-theme="light"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="hidden"]),
[data-theme="light"] textarea,
[data-theme="light"] select {
  background-color: #fff;
  border-color: var(--line);
  color: var(--text);
}

[data-theme="light"] input:-webkit-autofill,
[data-theme="light"] textarea:-webkit-autofill,
[data-theme="light"] select:-webkit-autofill {
  -webkit-text-fill-color: var(--text);
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
  box-shadow: 0 0 0 1000px #fff inset;
}

[data-theme="light"] .topbar__inner b { color: var(--text); }
[data-theme="light"] .topbar__link:hover { color: var(--accent); }

/* Шапка: с самого верха светлый фон (не просвечивает тёмный hero) */
[data-theme="light"] .topbar {
  border-bottom-color: rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
}
[data-theme="light"] .header::after {
  opacity: 1;
  background: var(--header-glass);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
}
[data-theme="light"] .header.scrolled::after {
  background: var(--header-glass-solid);
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06);
}
[data-theme="light"] .header .nav > a,
[data-theme="light"] .header .nav-dropdown__trigger {
  color: #2e2e34;
}
[data-theme="light"] .header .nav > a:hover,
[data-theme="light"] .header .nav-dropdown__trigger:hover,
[data-theme="light"] .header .nav > a.is-active,
[data-theme="light"] .header .nav-dropdown__trigger.is-active {
  color: var(--text);
}
[data-theme="light"] .header .nav__stack span:last-child {
  color: #5a5a60;
}
[data-theme="light"] .header .nav > a.nav__ai,
[data-theme="light"] .header .nav-dropdown__trigger.nav__ai {
  color: var(--eng-blue);
}
[data-theme="light"] .header__phone {
  border-color: var(--line);
  background: #fff;
  color: var(--text);
}
[data-theme="light"] .header__phone:hover {
  color: var(--text);
  border-color: rgba(26, 158, 71, 0.35);
  background: rgba(26, 158, 71, 0.08);
}
[data-theme="light"] .nav-dropdown__panel {
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.1), 0 4px 12px rgba(15, 23, 42, 0.04);
}

[data-theme="light"] .hero-cinema .btn--ghost,
[data-theme="light"] .final-cta .btn--ghost,
[data-theme="light"] .theme-island-dark .btn--ghost {
  --btn-ghost-bg: rgba(255, 255, 255, 0.08);
  --btn-ghost-border: rgba(255, 255, 255, 0.22);
  --btn-ghost-hover-bg: rgba(255, 255, 255, 0.14);
  --btn-ghost-hover-border: rgba(255, 255, 255, 0.32);
  color: #fff;
}

[data-theme="light"] .card,
[data-theme="light"] .case-card,
[data-theme="light"] .cat-card,
[data-theme="light"] .service-card,
[data-theme="light"] .review-card,
[data-theme="light"] .review,
[data-theme="light"] .faq__item,
[data-theme="light"] .location__info,
[data-theme="light"] .sidebar-card,
[data-theme="light"] .academy-error,
[data-theme="light"] .funnel-hero__pains li,
[data-theme="light"] .equipment-landing__card,
[data-theme="light"] .fears__card,
[data-theme="light"] .audience__card,
[data-theme="light"] .value__card,
[data-theme="light"] .mistakes-cost__card,
[data-theme="light"] .compare__card,
[data-theme="light"] .turnkey__step,
[data-theme="light"] .project-pricing__card,
[data-theme="light"] .team-card,
[data-theme="light"] .modal__box {
  background: var(--surface);
  border-color: var(--line);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 8px 28px rgba(15, 23, 42, 0.04);
}

[data-theme="light"] .card:hover,
[data-theme="light"] .case-card:hover,
[data-theme="light"] .cat-card:hover,
[data-theme="light"] .service-card:hover,
[data-theme="light"] .team-card:hover {
  border-color: rgba(255, 107, 44, 0.28);
  box-shadow: 0 12px 36px rgba(15, 23, 42, 0.08);
}

[data-theme="light"] .trust,
[data-theme="light"] .final-offer,
[data-theme="light"] .location,
[data-theme="light"] .academy-hero,
[data-theme="light"] .content-hero,
[data-theme="light"] .funnel-hero,
[data-theme="light"] .audit-hero {
  background: linear-gradient(180deg, var(--bg-2) 0%, var(--bg) 100%);
}

[data-theme="light"] .lead__visual {
  border-color: var(--line);
  box-shadow: 0 8px 28px rgba(15, 23, 42, 0.06);
}

[data-theme="light"] .lead__visual--founder {
  background: linear-gradient(180deg, #ffffff 0%, #ececf0 100%);
}

[data-theme="light"] .scroll-progress__bar {
  box-shadow: 0 0 10px rgba(255, 107, 44, 0.35);
}

[data-theme="light"] .footer {
  background: linear-gradient(180deg, var(--footer-bg) 0%, #dedee4 100%);
}

[data-theme="light"] .sticky-cta {
  box-shadow: 0 -8px 32px rgba(15, 23, 42, 0.08);
}

[data-theme="light"] .cookie {
  box-shadow: 0 -12px 40px rgba(15, 23, 42, 0.08);
}

[data-theme="light"] .catalog-page-hero {
  border-bottom-color: var(--line);
  background:
    radial-gradient(ellipse 80% 60% at 10% 0%, var(--cat-accent-soft, rgba(255, 107, 44, 0.08)), transparent 55%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.02), transparent);
}

[data-theme="light"] .catalog-hub-card,
[data-theme="light"] .catalog-dept-card,
[data-theme="light"] .catalog-sub-card,
[data-theme="light"] .catalog-product-card,
[data-theme="light"] .catalog-filter-panel,
[data-theme="light"] .catalog-cart-panel,
[data-theme="light"] .catalog-specs,
[data-theme="light"] .catalog-ai-panel {
  background: var(--surface) !important;
  border-color: var(--line) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.85) inset, 0 6px 20px rgba(15, 23, 42, 0.04);
}

[data-theme="light"] .catalog-product-card:hover,
[data-theme="light"] .catalog-hub-card:hover,
[data-theme="light"] .catalog-dept-card:hover {
  border-color: rgba(255, 107, 44, 0.28) !important;
}

[data-theme="light"] .catalog-image-frame__picture {
  background: #fafafa;
  border: 1px solid var(--line);
}

[data-theme="light"] .catalog-image-frame {
  border-color: var(--line);
  background: var(--surface-2);
}

[data-theme="light"] .academy-toc,
[data-theme="light"] .academy-callout,
[data-theme="light"] .academy-table-wrap,
[data-theme="light"] .academy-checklist,
[data-theme="light"] .article-card {
  background: var(--surface);
  border-color: var(--line);
}

[data-theme="light"] .academy-sticky {
  background: var(--sticky-bg);
  border-top-color: var(--sticky-border);
  box-shadow: 0 -8px 28px rgba(15, 23, 42, 0.06);
}

[data-theme="light"] .contextual-ai,
[data-theme="light"] .ai-hub-card,
[data-theme="light"] .calc-card,
[data-theme="light"] .cfg-panel,
[data-theme="light"] .diagnosis__panel {
  background: var(--surface);
  border-color: var(--line);
}

[data-theme="light"] .ai-filter,
[data-theme="light"] .calc-filter,
[data-theme="light"] .cfg-format-card {
  background: var(--surface-2);
  border-color: var(--line);
}

[data-theme="light"] .ai-filter--active,
[data-theme="light"] .calc-filter--active {
  background: rgba(255, 107, 44, 0.1);
  border-color: rgba(255, 107, 44, 0.28);
}

@media (max-width: 900px) {
  [data-theme="light"] .nav.is-open > a,
  [data-theme="light"] .nav.is-open .nav-dropdown__trigger {
    color: var(--text-secondary);
  }
  [data-theme="light"] .nav.is-open > a:hover,
  [data-theme="light"] .nav.is-open .nav-dropdown__trigger:hover,
  [data-theme="light"] .nav.is-open > a.is-active,
  [data-theme="light"] .nav.is-open .nav-dropdown__trigger.is-active {
    color: var(--text);
  }
  [data-theme="light"] .nav.is-open .nav-dropdown__link {
    color: var(--text-secondary);
  }
  [data-theme="light"] .nav.is-open .nav-dropdown__link:hover {
    color: var(--text);
    background: var(--dropdown-hover);
  }
  [data-theme="light"] .nav.is-open .nav-dropdown__title {
    color: var(--text-tertiary);
  }
}

[data-theme="light"] .final-cta {
  background: var(--grad-accent);
}
[data-theme="light"] .final-cta__inner,
[data-theme="light"] .final-cta h2,
[data-theme="light"] .final-cta p {
  color: #fff;
}

[data-theme="light"] .map-projects__map-wrap,
[data-theme="light"] .map-projects__detail {
  background: var(--surface);
  border-color: var(--line);
}

[data-theme="light"] .video-card,
[data-theme="light"] .video-hub-card {
  background: var(--surface);
  border-color: var(--line);
}

[data-theme="light"] .crm-card,
[data-theme="light"] .account-card {
  background: var(--surface);
  border-color: var(--line);
}

[data-theme="light"] .content-main a:not([class*="btn"]),
[data-theme="light"] .academy-body a:not([class*="btn"]),
[data-theme="light"] .content-prose a:not([class*="btn"]) {
  color: #c2410c;
}

[data-theme="light"] .content-main a:not([class*="btn"]):hover,
[data-theme="light"] .academy-body a:not([class*="btn"]):hover {
  color: #9a3412;
}

[data-theme="light"] .to-icon-wrap--muted {
  background: rgba(0, 0, 0, 0.04);
  color: var(--text-secondary);
}

[data-theme="light"] .modal__overlay {
  background: rgba(15, 23, 42, 0.45);
}

[data-theme="light"] .funnel-quiz__card,
[data-theme="light"] .funnel-step {
  background: var(--surface);
  border-color: var(--line);
}

[data-theme="light"] .legal__note {
  background: rgba(255, 107, 44, 0.08);
  border-color: rgba(255, 107, 44, 0.18);
  color: #c2410c;
}

[data-theme="light"] .catalog-featured-chip,
[data-theme="light"] .catalog-format-chip,
[data-theme="light"] .catalog-product-card__chip {
  background: var(--surface-2);
  border: 1px solid var(--line);
  color: var(--text-secondary);
}

[data-theme="light"] .catalog-featured-chip:hover {
  background: var(--surface);
  border-color: rgba(255, 107, 44, 0.25);
  color: var(--text);
}

[data-theme="light"] .catalog-filters-toggle {
  background: var(--surface);
  border-color: var(--line);
  color: var(--text);
}

[data-theme="light"] .catalog-filters-toggle:hover {
  background: var(--surface-2);
  border-color: rgba(255, 107, 44, 0.28);
}

[data-theme="light"] .catalog-filters-shell.is-open .catalog-filters-panel {
  background: var(--surface);
  border-color: var(--line);
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.1);
}

[data-theme="light"] .catalog-filters-panel__reset {
  border-color: var(--line);
  color: var(--text-secondary);
}

[data-theme="light"] .catalog-listing__sidebar {
  background: var(--surface);
  border-color: var(--line);
}

[data-theme="light"] .team-card__tag {
  background: var(--surface-2);
  border-color: var(--line);
  color: var(--text-secondary);
}

[data-theme="light"] .team-card__quote {
  background: rgba(255, 107, 44, 0.08);
}

[data-theme="light"] .contextual-ai {
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.06) 0%, rgba(255, 107, 44, 0.04) 100%);
  border-color: var(--line);
}

[data-theme="light"] .lead__form,
[data-theme="light"] .upload-form {
  background: var(--surface);
  border-color: var(--line);
  box-shadow: 0 8px 32px rgba(15, 23, 42, 0.05);
}