html {
  color-scheme: dark;
}

html[data-theme="light"] {
  color-scheme: light;
  --bg: #f7f9fc;
  --bg2: #ffffff;
  --bg3: #edf3fb;
  --text: #111827;
  --muted: #526174;
  --dim: #8a99ad;
  --border: rgba(15,23,42,.11);
  --border-h: rgba(37,99,235,.28);
  --glass: rgba(255,255,255,.82);
  --blue-l: #2563eb;
}

html[data-theme="light"] body {
  background-color: var(--bg);
  background-image: radial-gradient(rgba(37,99,235,.08) 1px, transparent 1px);
  color: var(--text);
}

html[data-theme="light"] .nav-inner,
html[data-theme="light"] .side-map {
  background: rgba(255,255,255,.78);
  border-color: rgba(15,23,42,.1);
  box-shadow: 0 14px 42px rgba(15,23,42,.11);
}

html[data-theme="light"] nav.scrolled .nav-inner {
  border-color: rgba(37,99,235,.2);
  box-shadow: 0 18px 48px rgba(15,23,42,.14);
}

html[data-theme="light"] .lang-switch,
html[data-theme="light"] .theme-toggle,
html[data-theme="light"] .nav-social,
html[data-theme="light"] .footer-social .social-box,
html[data-theme="light"] .fb-pills span,
html[data-theme="light"] .compat-pill,
html[data-theme="light"] .hero-badges span,
html[data-theme="light"] .doc-meta span {
  background: rgba(37,99,235,.045);
  border-color: rgba(15,23,42,.12);
}

html[data-theme="light"] .theme-toggle:hover,
html[data-theme="light"] .nav-social:hover,
html[data-theme="light"] .footer-social:hover .social-box {
  color: #1d4ed8;
  background: rgba(37,99,235,.1);
  border-color: rgba(37,99,235,.28);
}

html[data-theme="light"] .btn-ghost,
html[data-theme="light"] .pcta.outline {
  background: rgba(255,255,255,.62);
  border-color: rgba(15,23,42,.13);
  color: #334155;
}

html[data-theme="light"] .btn-ghost:hover,
html[data-theme="light"] .pcta.outline:hover {
  color: #0f172a;
  background: #fff;
  border-color: rgba(37,99,235,.28);
}

html[data-theme="light"] .bc,
html[data-theme="light"] .pc,
html[data-theme="light"] .doc-card,
html[data-theme="light"] .article,
html[data-theme="light"] .legal,
html[data-theme="light"] .policy,
html[data-theme="light"] .release-card,
html[data-theme="light"] .release-library,
html[data-theme="light"] .meta-card,
html[data-theme="light"] .toc,
html[data-theme="light"] .doc-sidebar,
html[data-theme="light"] .assistant-demo,
html[data-theme="light"] .local-intel-card,
html[data-theme="light"] .gov-text-item,
html[data-theme="light"] .mini,
html[data-theme="light"] .faq-item {
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,251,255,.96));
  border-color: rgba(15,23,42,.11);
  box-shadow: 0 20px 50px rgba(15,23,42,.08);
}

html[data-theme="light"] .bc:hover,
html[data-theme="light"] .doc-card:hover {
  background: linear-gradient(180deg, #fff, #f4f8ff);
  border-color: rgba(37,99,235,.24);
}

html[data-theme="light"] .bento,
html[data-theme="light"] .hero-meta {
  background: rgba(15,23,42,.1);
  border-color: rgba(15,23,42,.1);
}

html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] .bc h3,
html[data-theme="light"] .section h2,
html[data-theme="light"] .section h3,
html[data-theme="light"] .release-intro h2,
html[data-theme="light"] .toc h2,
html[data-theme="light"] .doc-sidebar h2,
html[data-theme="light"] .doc-card h2,
html[data-theme="light"] .library-head h3,
html[data-theme="light"] .pname,
html[data-theme="light"] .meta-card dd,
html[data-theme="light"] .mini strong {
  color: var(--text);
}

html[data-theme="light"] .grad,
html[data-theme="light"] .hero-content h1 .grad {
  background: linear-gradient(135deg, #0f172a 0%, #2563eb 48%, #6d28d9 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

html[data-theme="light"] .hero-content h1,
html[data-theme="light"] .hero-content h1:not(.grad) {
  color: #0f172a;
}

html[data-theme="light"] .hero-bg,
html[data-theme="light"] .page-hero::before,
html[data-theme="light"] .hero::before {
  background:
    radial-gradient(ellipse 80% 70% at 55% 40%, rgba(37,99,235,.12) 0%, transparent 65%),
    radial-gradient(ellipse 46% 46% at 85% 18%, rgba(99,102,241,.09) 0%, transparent 60%);
}

html[data-theme="light"] .video-frame,
html[data-theme="light"] .mockup-card,
html[data-theme="light"] .assistant-chat,
html[data-theme="light"] .code {
  background: #ffffff;
  border-color: rgba(15,23,42,.12);
  box-shadow: 0 26px 70px rgba(15,23,42,.13);
}

html[data-theme="light"] .video-topbar,
html[data-theme="light"] .mockup-header {
  background: rgba(241,245,249,.92);
  border-color: rgba(15,23,42,.1);
}

html[data-theme="light"] .ph-video {
  background: #eaf0f8;
}

html[data-theme="light"] .fbot,
html[data-theme="light"] footer,
html[data-theme="light"] .section,
html[data-theme="light"] .release-head {
  border-color: rgba(15,23,42,.1);
}

html[data-theme="light"] .legal-links,
html[data-theme="light"] .legal-links a,
html[data-theme="light"] .doc-download {
  color: #1e40af;
}

html[data-theme="light"] .tag {
  background: rgba(37,99,235,.08);
  border-color: rgba(37,99,235,.22);
}

html[data-theme="light"] .to-top {
  background: rgba(255,255,255,.9);
  border-color: rgba(15,23,42,.12);
  color: #2563eb;
  box-shadow: 0 18px 46px rgba(15,23,42,.14);
}

html[data-theme="light"] .to-top:hover {
  background: #fff;
  color: #1d4ed8;
  box-shadow: 0 22px 56px rgba(15,23,42,.16);
}

html[data-theme="light"] .side-map a::after {
  background: rgba(255,255,255,.96);
  border-color: rgba(15,23,42,.1);
  color: #1d4ed8;
}

html[data-theme="light"] .side-map a {
  background: rgba(37,99,235,.06);
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.86);
}

html[data-theme="light"] .side-map a:hover,
html[data-theme="light"] .side-map a:focus-visible,
html[data-theme="light"] .side-map a.on {
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.92), 0 0 0 4px rgba(37,99,235,.12);
}

html[data-theme="light"] .section-panel {
  background: linear-gradient(180deg, rgba(248,251,255,.72), rgba(255,255,255,0) 46%, rgba(239,246,255,.46));
  border-color: rgba(15,23,42,.08);
}

html[data-theme="light"] .ph-svg-visual {
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(239,246,255,.78));
  border-color: rgba(15,23,42,.12);
  box-shadow: 0 26px 70px rgba(15,23,42,.12);
}

html[data-theme="light"] .ph-svg-card {
  fill: rgba(255,255,255,.96);
  stroke: rgba(15,23,42,.14);
}

html[data-theme="light"] .ph-svg-accent,
html[data-theme="light"] .ph-svg-pill {
  fill: rgba(37,99,235,.08);
  stroke: rgba(37,99,235,.34);
}

html[data-theme="light"] .ph-svg-label {
  fill: #0f172a;
}

html[data-theme="light"] .ph-svg-muted {
  fill: #526174;
}

html[data-theme="light"] .ph-svg-soft {
  stroke: rgba(37,99,235,.18);
}

html[data-theme="light"] .ph-mini-kpi div,
html[data-theme="light"] .signal-card,
html[data-theme="light"] .comparison-card {
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,251,255,.96));
  border-color: rgba(15,23,42,.11);
  box-shadow: 0 20px 50px rgba(15,23,42,.08);
}

html[data-theme="light"] .ph-mini-kpi strong,
html[data-theme="light"] .signal-card h3,
html[data-theme="light"] .comparison-card h3 {
  color: #0f172a;
}

html[data-theme="light"] .ph-mini-kpi span,
html[data-theme="light"] .signal-card p,
html[data-theme="light"] .signal-card li,
html[data-theme="light"] .comparison-card p {
  color: #526174;
}

html[data-theme="light"] .comparison-card.featured {
  background: linear-gradient(135deg, rgba(239,246,255,.96), rgba(255,255,255,.98) 58%);
  border-color: rgba(37,99,235,.24);
  box-shadow: 0 0 0 1px rgba(37,99,235,.08), 0 24px 62px rgba(15,23,42,.1);
}

html[data-theme="light"] .positioning-lines,
html[data-theme="light"] .positioning-highlight,
html[data-theme="light"] .why-card,
html[data-theme="light"] .why-close,
html[data-theme="light"] .vmd-method,
html[data-theme="light"] .assistant-prompt,
html[data-theme="light"] .assistant-bubble,
html[data-theme="light"] .assistant-answer,
html[data-theme="light"] .assistant-input {
  background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(248,251,255,.95));
  border-color: rgba(15,23,42,.11);
  box-shadow: 0 18px 46px rgba(15,23,42,.07);
}

html[data-theme="light"] .why-card.highlight,
html[data-theme="light"] .positioning-highlight {
  background: linear-gradient(135deg, rgba(239,246,255,.95), rgba(255,255,255,.96));
  border-color: rgba(37,99,235,.22);
}

html[data-theme="light"] .ops-text-step > span {
  background: #ffffff;
  color: #2563eb;
  border-color: rgba(37,99,235,.28);
  box-shadow: 0 0 0 7px rgba(37,99,235,.055), inset 0 0 16px rgba(37,99,235,.08);
}

html[data-theme="light"] .assistant-demo-head h3,
html[data-theme="light"] .assistant-answer b,
html[data-theme="light"] .local-intel-card h3,
html[data-theme="light"] .why-card h3,
html[data-theme="light"] .comparison-card.featured p,
html[data-theme="light"] .positioning-highlight p,
html[data-theme="light"] .ops-text-step h3,
html[data-theme="light"] .gov-text-item h3,
html[data-theme="light"] .vmd-method strong {
  color: #0f172a;
}

html[data-theme="light"] .assistant-demo-head p,
html[data-theme="light"] .assistant-prompt span,
html[data-theme="light"] .assistant-bubble,
html[data-theme="light"] .assistant-answer,
html[data-theme="light"] .local-intel-card li,
html[data-theme="light"] .why-card ul li,
html[data-theme="light"] .why-intro p,
html[data-theme="light"] .ops-text-step p,
html[data-theme="light"] .gov-text-item p,
html[data-theme="light"] .vmd-method p {
  color: #526174;
}

html[data-theme="light"] .assistant-prompt strong,
html[data-theme="light"] .why-cat {
  color: #64748b;
}