/* Доп. правки под светлую/тёмную тему там, где остались жёсткие цвета в page CSS */

[data-color-mode='light'] {
  color-scheme: light;
}

[data-color-mode='dark'] {
  color-scheme: dark;
}

/* SSR / legal / blog / project pages */
[data-color-mode='light'] .policy-section,
[data-color-mode='light'] .legal-page,
[data-color-mode='light'] .blog-page,
[data-color-mode='light'] .blog-post-page,
[data-color-mode='light'] .tools-page,
[data-color-mode='light'] .order-form-page {
  background: var(--color-bg-page);
  color: var(--color-text-primary);
}

[data-color-mode='light'] .policy-section h1,
[data-color-mode='light'] .policy-section h2,
[data-color-mode='light'] .blog-header h1,
[data-color-mode='light'] .post-content h1,
[data-color-mode='light'] .post-content h2 {
  color: var(--color-text-primary);
}

[data-color-mode='light'] .policy-section p,
[data-color-mode='light'] .subtitle,
[data-color-mode='light'] .post-content,
[data-color-mode='light'] .back,
[data-color-mode='light'] .back-button {
  color: var(--color-text-secondary);
}

[data-color-mode='light'] .btn-revoke-submit,
[data-color-mode='light'] .cookie-consent-accept,
[data-color-mode='light'] .filter-btn.active,
[data-color-mode='light'] .mobile-category-btn.active {
  color: var(--color-on-accent, #0f172a);
}

/* Иерархия поверхностей: карточки и панели отделяются от фона */
[data-color-mode='light'] .stat-card,
[data-color-mode='light'] .project-card,
[data-color-mode='light'] .compact-item,
[data-color-mode='light'] .featured-strip-card,
[data-color-mode='light'] .project-card--catalog {
  box-shadow: var(--shadow-card);
  border: 1px solid var(--color-border-default);
}

[data-color-mode='light'] .stat-card:hover,
[data-color-mode='light'] .project-card:hover,
[data-color-mode='light'] .compact-item:hover {
  box-shadow: var(--shadow-hover);
  border-color: var(--color-border-hover, var(--border-hover));
}

[data-color-mode='light'] .sidebar,
[data-color-mode='light'] .right-sidebar {
  border-color: var(--color-border-default);
  box-shadow: inset -1px 0 0 var(--border-subtle);
}

[data-color-mode='light'] .toolbar,
[data-color-mode='light'] .mobile-category-bar {
  border-bottom-color: var(--color-border-default);
  box-shadow: 0 1px 0 var(--border-subtle);
}

[data-color-mode='light'] .tech-tag,
[data-color-mode='light'] .catalog-tag-chip {
  border: 1px solid var(--color-border-default);
}

[data-color-mode='light'] .sort-select,
[data-color-mode='light'] .search-input {
  border-color: var(--color-border-default);
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04);
}

[data-color-mode='light'] .modal {
  background-color: color-mix(in srgb, var(--color-text-primary) 55%, transparent);
}

[data-color-mode='light'] .project-page,
[data-color-mode='light'] .project-hero,
[data-color-mode='light'] .project-content {
  background: var(--color-bg-page);
  color: var(--color-text-primary);
}

[data-color-mode='light'] .project-block,
[data-color-mode='light'] .block-card,
[data-color-mode='light'] .info-card {
  background: var(--color-bg-surface);
  border-color: var(--color-border-default);
  color: var(--color-text-primary);
}

[data-color-mode='light'] .preview-placeholder-msg {
  color: var(--color-text-muted);
}

/* Rich catalog gradients — светлые поверхности */
[data-color-mode='light'] .project-card-desc--rich .desc-rich-lead {
  background: linear-gradient(
    135deg,
    var(--color-accent-soft) 0%,
    color-mix(in srgb, var(--color-bg-surface) 92%, transparent) 55%,
    var(--color-bg-surface) 100%
  );
  box-shadow: var(--shadow-card);
}

[data-color-mode='light'] .project-card-desc--rich .desc-rich-flow > li {
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--color-bg-surface-muted) 90%, transparent) 0%,
    var(--color-bg-surface) 100%
  );
  border-color: var(--color-border-default);
}

[data-color-mode='light'] .project-card-desc--rich .desc-rich-flow > li:hover {
  border-color: var(--color-accent);
  background: var(--color-accent-soft);
}

[data-color-mode='light'] .cookie-consent-banner {
  background: color-mix(in srgb, var(--color-bg-surface) 96%, transparent);
  border-color: var(--color-border-default);
}

[data-color-mode='light'] .cookie-consent-panel {
  background: var(--color-bg-surface);
  color: var(--color-text-primary);
}

[data-color-mode='light'] .site-index .sidebar-brand .brand-main,
[data-color-mode='light'] .site-index .sidebar.collapsed .brand-inline .brand-main {
  color: var(--color-text-primary);
}

[data-color-mode='light'] .project-page .media-zoom-btn,
[data-color-mode='light'] .project-page .media-carousel-btn,
[data-color-mode='light'] .project-page .media-lightbox-nav {
  background: color-mix(in srgb, var(--color-bg-surface) 88%, transparent);
  border-color: var(--color-border-default);
}

[data-color-mode='light'] .project-card-desc--rich .desc-rich-flow > li {
  border-color: color-mix(in srgb, var(--color-accent) 18%, transparent);
}

[data-color-mode='light'] .project-card-desc--rich .desc-rich-flow > li:hover {
  border-color: color-mix(in srgb, var(--color-accent) 35%, transparent);
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--color-text-primary) 8%, transparent),
    0 0 0 1px var(--color-accent-soft);
}