/* ==========================================================
   theme-light.css — светлая тема контентных страниц
   ========================================================== */
html[data-theme="light"] {
  --page-bg: #eef3f8;
  --content-bg: #ffffff;
  --content-soft: #f7f9fc;
  --content-soft-2: #f0f5fa;
  --text-main: #172334;
  --text-strong: #0e1d2f;
  --text-muted: #5b6b7f;
  --text-subtle: #7a899b;
  --line: #d8e1ea;
  --line-strong: #c5d2df;
  --brand: #0d72b8;
  --brand-strong: #075f9e;
  --brand-soft: #e5f2fb;
  --success-bg: #eaf8f1;
  --success-text: #0d6b46;
  --warning-bg: #fff7df;
  --warning-text: #825f00;
  --danger-bg: #fff0f0;
  --danger-text: #a52d2d;
  --code-bg: #f4f7fa;
}

html[data-theme="light"] body {
  background: var(--page-bg) !important;
  color: var(--text-main) !important;
}

html[data-theme="light"] .main-area,
html[data-theme="light"] .page-main,
html[data-theme="light"] .page-wrap,
html[data-theme="light"] .page-content,
html[data-theme="light"] .content {
  background: var(--page-bg) !important;
  color: var(--text-main) !important;
}

html[data-theme="light"] article,
html[data-theme="light"] .article,
html[data-theme="light"] .content-article,
html[data-theme="light"] .content-card,
html[data-theme="light"] .instruction-page,
html[data-theme="light"] .rich-article {
  color: var(--text-main) !important;
  background: var(--content-bg) !important;
  border-color: var(--line) !important;
}

html[data-theme="light"] article h1,
html[data-theme="light"] article h2,
html[data-theme="light"] article h3,
html[data-theme="light"] article h4,
html[data-theme="light"] article h5,
html[data-theme="light"] article h6,
html[data-theme="light"] .article h1,
html[data-theme="light"] .article h2,
html[data-theme="light"] .article h3,
html[data-theme="light"] .article h4,
html[data-theme="light"] .article h5,
html[data-theme="light"] .article h6,
html[data-theme="light"] .article-hero h1,
html[data-theme="light"] .article-hero h2,
html[data-theme="light"] .article-hero h3,
html[data-theme="light"] .article-hero h4,
html[data-theme="light"] .section-title {
  color: var(--text-strong) !important;
}

html[data-theme="light"] article p,
html[data-theme="light"] article li,
html[data-theme="light"] article dd,
html[data-theme="light"] article dt,
html[data-theme="light"] article label,
html[data-theme="light"] article span,
html[data-theme="light"] .article p,
html[data-theme="light"] .article li,
html[data-theme="light"] .article dd,
html[data-theme="light"] .article dt,
html[data-theme="light"] .step-content,
html[data-theme="light"] .step-content p,
html[data-theme="light"] .step-content li,
html[data-theme="light"] .firmware-intro p,
html[data-theme="light"] .subhead {
  color: var(--text-main) !important;
}

html[data-theme="light"] article .muted,
html[data-theme="light"] article .subtle,
html[data-theme="light"] article .eyebrow,
html[data-theme="light"] article .lead,
html[data-theme="light"] article .hint,
html[data-theme="light"] .article-hero p,
html[data-theme="light"] .files-hero-eyebrow {
  color: var(--text-muted) !important;
}

html[data-theme="light"] article a,
html[data-theme="light"] .article a,
html[data-theme="light"] .breadcrumb a,
html[data-theme="light"] .nav-footer a {
  color: var(--brand-strong) !important;
}

html[data-theme="light"] article a:hover,
html[data-theme="light"] .article a:hover,
html[data-theme="light"] .breadcrumb a:hover,
html[data-theme="light"] .nav-footer a:hover {
  color: var(--brand) !important;
}

html[data-theme="light"] .article-hero,
html[data-theme="light"] .hero,
html[data-theme="light"] .hero-card,
html[data-theme="light"] .warning,
html[data-theme="light"] .info-box,
html[data-theme="light"] .note,
html[data-theme="light"] .tip,
html[data-theme="light"] .callout,
html[data-theme="light"] .step,
html[data-theme="light"] .instruction-card,
html[data-theme="light"] .download-card,
html[data-theme="light"] .api-endpoint,
html[data-theme="light"] .firmware-ad,
html[data-theme="light"] .seo-cluster-card {
  background: var(--content-soft) !important;
  border-color: var(--line) !important;
  color: var(--text-main) !important;
}

html[data-theme="light"] .warning {
  background: var(--warning-bg) !important;
  color: var(--warning-text) !important;
}

html[data-theme="light"] .step-num {
  background: var(--brand) !important;
  color: #fff !important;
}

html[data-theme="light"] .inline-code,
html[data-theme="light"] code,
html[data-theme="light"] pre,
html[data-theme="light"] .code,
html[data-theme="light"] .api-code {
  background: var(--code-bg) !important;
  border-color: var(--line) !important;
  color: #203148 !important;
}

html[data-theme="light"] table {
  background: var(--content-bg) !important;
  color: var(--text-main) !important;
  border-color: var(--line) !important;
}

html[data-theme="light"] th {
  background: var(--content-soft-2) !important;
  color: var(--text-strong) !important;
  border-color: var(--line) !important;
}

html[data-theme="light"] td {
  color: var(--text-main) !important;
  border-color: var(--line) !important;
}

html[data-theme="light"] blockquote {
  background: var(--content-soft) !important;
  border-left-color: var(--brand) !important;
  color: var(--text-main) !important;
}

html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea {
  background: #fff !important;
  color: var(--text-main) !important;
  border-color: var(--line-strong) !important;
}

html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder {
  color: var(--text-subtle) !important;
}

html[data-theme="light"] img {
  background: #fff;
}

html[data-theme="light"] .screenshot,
html[data-theme="light"] .article-image,
html[data-theme="light"] .content-image,
html[data-theme="light"] figure {
  background: #fff !important;
  border-color: var(--line) !important;
}

html[data-theme="light"] hr,
html[data-theme="light"] .divider {
  border-color: var(--line) !important;
  background: var(--line) !important;
}

html[data-theme="light"] .hero,
html[data-theme="light"] .section,
html[data-theme="light"] .page-header,
html[data-theme="light"] .files-hero,
html[data-theme="light"] .firmware-intro {
  color: var(--text-main) !important;
}
html[data-theme="light"] .hero h1,
html[data-theme="light"] .hero h2,
html[data-theme="light"] .section-title,
html[data-theme="light"] .section-header h2,
html[data-theme="light"] .page-header h1,
html[data-theme="light"] .hero .accent {
  color: var(--text-strong) !important;
}
html[data-theme="light"] .hero p,
html[data-theme="light"] .section-subtitle,
html[data-theme="light"] .section-header p {
  color: var(--text-muted) !important;
}
html[data-theme="light"] .instruction-card h3,
html[data-theme="light"] .instruction-card p,
html[data-theme="light"] .download-card h3,
html[data-theme="light"] .download-card p,
html[data-theme="light"] .instruction-card .arrow,
html[data-theme="light"] .download-card .arrow {
  color: var(--text-main) !important;
}
html[data-theme="light"] .instruction-card h3,
html[data-theme="light"] .download-card h3 {
  color: var(--text-strong) !important;
}