html[data-theme="light"] {
  color-scheme: light;
  --bg: #edf5fb;
  --bg-soft: #f7fbff;
  --panel: rgba(255, 255, 255, 0.82);
  --panel-solid: #ffffff;
  --line: rgba(39, 82, 121, 0.15);
  --line-strong: rgba(35, 103, 157, 0.26);
  --text: #10243a;
  --text-soft: #4f667d;
  --text-muted: #70859a;
  --blue: #1589dc;
  --blue-bright: #167fc4;
  --blue-deep: #125fa8;
  --teal: #159d91;
  --amber: #d59216;
  --shadow: 0 30px 90px rgba(40, 82, 119, 0.16);
}

html[data-theme="light"] body {
  background:
    radial-gradient(circle at 54% -16%, rgba(51, 153, 220, 0.16), transparent 38%),
    var(--bg);
}

html[data-theme="light"] body::selection {
  color: #ffffff;
  background: var(--blue-deep);
}

html[data-theme="light"] .ambient-orb-blue {
  background: #6dc5ff;
  opacity: 0.28;
}

html[data-theme="light"] .ambient-orb-teal {
  background: #66d8c8;
  opacity: 0.2;
}

html[data-theme="light"] .ambient-grid {
  background-image:
    linear-gradient(rgba(33, 98, 148, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(33, 98, 148, 0.06) 1px, transparent 1px);
}

html[data-theme="light"] .site-header {
  background: rgba(247, 251, 255, 0.92);
  box-shadow: 0 10px 28px rgba(38, 72, 101, 0.1);
}

html[data-theme="light"] .site-header::after {
  background: linear-gradient(to bottom, rgba(237, 245, 251, 0.78), transparent);
}

html[data-theme="light"] .site-header.is-scrolled {
  background: rgba(252, 254, 255, 0.98);
  box-shadow: 0 14px 34px rgba(38, 72, 101, 0.15);
}

html[data-theme="light"] .brand {
  color: #10243a;
}

html[data-theme="light"] .site-nav a:hover,
html[data-theme="light"] .site-nav a.is-active {
  color: #0d2944;
  background: rgba(31, 112, 171, 0.08);
}

html[data-theme="light"] .site-nav .nav-download,
html[data-theme="light"] .site-nav .nav-download:hover,
html[data-theme="light"] .site-nav .nav-download.is-active,
html[data-theme="light"] .nav-download-desktop,
html[data-theme="light"] .nav-download-desktop:hover {
  color: #ffffff;
  background: linear-gradient(135deg, #137fc7, #1baea0);
}

html[data-theme="light"] .nav-tool,
html[data-theme="light"] .menu-button {
  color: #426078;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 8px 20px rgba(45, 86, 120, 0.08);
}

html[data-theme="light"] .menu-button span {
  background: #24445e;
}

html[data-theme="light"] .release-pill {
  color: #17669d;
  border-color: rgba(24, 123, 188, 0.2);
  background: rgba(255, 255, 255, 0.65);
  box-shadow: 0 10px 30px rgba(37, 103, 152, 0.08);
}

html[data-theme="light"] .stage-glow {
  background: rgba(36, 142, 205, 0.18);
}

html[data-theme="light"] .ide-window {
  border-color: rgba(42, 98, 139, 0.24);
  background: #f7fafc;
  box-shadow: 0 50px 120px rgba(43, 82, 116, 0.24), inset 0 1px #ffffff;
}

html[data-theme="light"] .ide-titlebar {
  border-bottom-color: #d9e3eb;
  background: #edf3f7;
}

html[data-theme="light"] .ide-brand {
  color: #31495e;
}

html[data-theme="light"] .ide-tab {
  color: #71869a;
  border-inline-color: #dce5ec;
}

html[data-theme="light"] .ide-tab.active {
  color: #17344c;
  background: #ffffff;
}

html[data-theme="light"] .ide-tab i {
  background: #4f94c5;
}

html[data-theme="light"] .window-controls i {
  background: #9aafc0;
}

html[data-theme="light"] .activity-bar {
  border-right-color: #d7e1e9;
  background: #e8f0f5;
}

html[data-theme="light"] .activity-bar svg {
  stroke: #688094;
}

html[data-theme="light"] .file-panel {
  color: #60778b;
  border-right-color: #d7e1e9;
  background: #f0f5f8;
}

html[data-theme="light"] .panel-label,
html[data-theme="light"] .tree-root {
  color: #354f65;
}

html[data-theme="light"] .tree-file.active {
  color: #173b56;
  background: rgba(32, 135, 197, 0.12);
}

html[data-theme="light"] .editor-surface {
  background: #ffffff;
}

html[data-theme="light"] .editor-toolbar,
html[data-theme="light"] .agent-header {
  border-bottom-color: #dce5ec;
}

html[data-theme="light"] .breadcrumbs {
  color: #7b8fa1;
}

html[data-theme="light"] .breadcrumbs strong {
  color: #405b72;
}

html[data-theme="light"] .toolbar-actions i,
html[data-theme="light"] .agent-header i {
  color: #617d92;
  border-color: #cbd9e3;
  background: #f7fafc;
}

html[data-theme="light"] .editor-document h2 {
  color: #17334b;
}

html[data-theme="light"] .editor-document > p {
  color: #687e91;
}

html[data-theme="light"] .code-card {
  color: #455f75;
  border-color: #cfdee8;
  background: #f5f9fc;
  box-shadow: inset 3px 0 var(--blue-deep);
}

html[data-theme="light"] .code-keyword { color: #8b50b2; }
html[data-theme="light"] .code-muted { color: #6f8497; }
html[data-theme="light"] .code-string { color: #418548; }
html[data-theme="light"] .code-fn { color: #1679b5; }

html[data-theme="light"] .document-features span {
  color: #587087;
  border-color: #d2dfe8;
  background: #f4f8fb;
}

html[data-theme="light"] .agent-panel {
  border-left-color: #d7e1e9;
  background: #f3f7fa;
}

html[data-theme="light"] .agent-header {
  color: #314c62;
}

html[data-theme="light"] .agent-model {
  color: #3f5b71;
  border-color: #cad9e3;
  background: #ffffff;
}

html[data-theme="light"] .model-mark {
  color: #ffffff;
}

html[data-theme="light"] .user-message {
  color: #28475f;
  background: #dcecf7;
}

html[data-theme="light"] .agent-message {
  color: #60778b;
}

html[data-theme="light"] .agent-avatar {
  background: #e1edf5;
}

html[data-theme="light"] .tool-call {
  color: #536d82;
  border-color: #d2dfe8;
  background: rgba(255, 255, 255, 0.78);
}

html[data-theme="light"] .agent-composer {
  color: #71869a;
  border-color: #c9d8e3;
  background: #ffffff;
}

html[data-theme="light"] .agent-composer b {
  color: #ffffff;
}

html[data-theme="light"] .ide-statusbar {
  color: #446f90;
  border-top-color: #bfd3e1;
  background: #dcecf7;
}

html[data-theme="light"] .floating-chip {
  border-color: rgba(47, 109, 153, 0.2);
  background: rgba(250, 253, 255, 0.88);
  box-shadow: 0 18px 40px rgba(47, 84, 114, 0.2);
}

html[data-theme="light"] .floating-chip b {
  color: #244158;
}

html[data-theme="light"] .floating-chip span {
  color: #668096;
}

html[data-theme="light"] .chip-speed b {
  color: var(--teal);
}

html[data-theme="light"] .hero h1,
html[data-theme="light"] .section-heading h2,
html[data-theme="light"] .feature-card h3,
html[data-theme="light"] .workflow-copy h2,
html[data-theme="light"] .release-copy h2,
html[data-theme="light"] .download-content h2 {
  color: #10243a;
  animation-name: title-breathe-light;
}

html[data-theme="light"] .button-primary {
  color: #ffffff;
  background: linear-gradient(135deg, #147fc8 5%, #1daf9f 100%);
  box-shadow: 0 15px 38px rgba(30, 130, 182, 0.22);
}

html[data-theme="light"] .button-primary span {
  border-left-color: rgba(255, 255, 255, 0.3);
}

html[data-theme="light"] .button-ghost {
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 10px 30px rgba(46, 82, 113, 0.08);
}

html[data-theme="light"] .metric-strip strong {
  color: #17324b;
}

html[data-theme="light"] .features {
  background:
    radial-gradient(circle at 8% 22%, rgba(45, 142, 205, 0.12), transparent 30%),
    radial-gradient(circle at 94% 72%, rgba(36, 176, 158, 0.1), transparent 28%),
    linear-gradient(180deg, rgba(244, 250, 254, 0.5), rgba(226, 239, 248, 0.78) 48%, rgba(239, 247, 252, 0.5));
}

html[data-theme="light"] .features::before {
  opacity: 0.62;
  background-image:
    linear-gradient(rgba(38, 101, 149, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(38, 101, 149, 0.055) 1px, transparent 1px);
}

html[data-theme="light"] .feature-card {
  border-color: rgba(42, 91, 130, 0.14);
  background:
    linear-gradient(140deg, rgba(255, 255, 255, 0.9), rgba(245, 250, 254, 0.72) 58%, rgba(229, 241, 249, 0.66)),
    #ffffff;
  box-shadow: inset 0 1px #ffffff, 0 22px 55px rgba(41, 78, 111, 0.1);
}

html[data-theme="light"] .feature-card::after {
  background: radial-gradient(circle at 90% 10%, rgba(37, 142, 211, 0.11), transparent 42%);
}

html[data-theme="light"] .feature-card.is-visible:hover {
  border-color: rgba(31, 130, 191, 0.3);
  box-shadow: 0 28px 70px rgba(43, 82, 116, 0.16), inset 0 1px #ffffff;
}

html[data-theme="light"] .performance-points span {
  color: #587087;
  border-color: rgba(40, 117, 170, 0.17);
  background: rgba(255, 255, 255, 0.72);
}

html[data-theme="light"] .comparison-product,
html[data-theme="light"] .trajectory-step,
html[data-theme="light"] .model-console,
html[data-theme="light"] .language-marquee span {
  border-color: rgba(47, 99, 139, 0.18);
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 18px 45px rgba(43, 79, 109, 0.1);
}

html[data-theme="light"] .comparison-rovercode {
  border-color: rgba(29, 137, 199, 0.36);
  background:
    linear-gradient(145deg, rgba(62, 169, 225, 0.17), transparent 52%),
    rgba(249, 253, 255, 0.96);
}

html[data-theme="light"] .comparison-logo,
html[data-theme="light"] .comparison-axis span,
html[data-theme="light"] .trajectory-step > i {
  border-color: rgba(45, 98, 138, 0.22);
  background: #edf6fc;
}

html[data-theme="light"] .comparison-title b,
html[data-theme="light"] .comparison-number,
html[data-theme="light"] .comparison-product li b,
html[data-theme="light"] .trajectory-step div b,
html[data-theme="light"] .provider-row b,
html[data-theme="light"] .context-meter > div b,
html[data-theme="light"] .release-list h3,
html[data-theme="light"] .platform-card span b {
  color: #18344e;
}

html[data-theme="light"] .comparison-title small,
html[data-theme="light"] .comparison-caption,
html[data-theme="light"] .comparison-product li,
html[data-theme="light"] .trajectory-step div span,
html[data-theme="light"] .trajectory-step em,
html[data-theme="light"] .provider-row small,
html[data-theme="light"] .context-meter > div,
html[data-theme="light"] .model-tags span,
html[data-theme="light"] .language-marquee span {
  color: #60788e;
}

html[data-theme="light"] .comparison-product ul,
html[data-theme="light"] .console-head,
html[data-theme="light"] .release-list {
  border-color: rgba(44, 89, 126, 0.14);
}

html[data-theme="light"] .comparison-axis i {
  background: linear-gradient(transparent, rgba(43, 101, 145, 0.35), transparent);
}

html[data-theme="light"] .trajectory-step.current {
  border-color: transparent;
  background: transparent;
}

html[data-theme="light"] .trajectory-step.current::after {
  background: rgba(249, 253, 255, 0.98);
}

html[data-theme="light"] .provider-row.selected {
  border-color: rgba(30, 133, 195, 0.25);
  background: rgba(38, 143, 205, 0.1);
}

html[data-theme="light"] .context-meter > i {
  background: #d9e8f2;
}

html[data-theme="light"] .workflow {
  background: rgba(239, 247, 252, 0.78);
}

html[data-theme="light"] .workflow-copy li > i {
  border-color: rgba(31, 119, 176, 0.24);
  background: rgba(35, 139, 201, 0.09);
}

html[data-theme="light"] .workflow-copy li span,
html[data-theme="light"] .release-list p {
  color: #60778d;
}

html[data-theme="light"] .workflow-copy li b {
  color: #17334d;
}

html[data-theme="light"] .orbit {
  border-color: rgba(39, 116, 170, 0.2);
}

html[data-theme="light"] .orbit-center {
  background: radial-gradient(circle at 36% 25%, #ffffff, #dcecf6 72%);
  box-shadow: 0 0 80px rgba(37, 126, 197, 0.14), inset 0 0 40px rgba(255, 255, 255, 0.7);
}

html[data-theme="light"] .orbit-center strong,
html[data-theme="light"] .orbit-node b {
  color: #18344e;
}

html[data-theme="light"] .orbit-node {
  border-color: rgba(44, 101, 143, 0.2);
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 15px 35px rgba(43, 77, 107, 0.12);
}

html[data-theme="light"] .orbit-node span {
  color: #6c8195;
}

html[data-theme="light"] .release-panel,
html[data-theme="light"] .download-panel {
  border-color: rgba(39, 103, 151, 0.16);
  background:
    radial-gradient(circle at 10% 5%, rgba(49, 154, 216, 0.13), transparent 42%),
    linear-gradient(140deg, rgba(255, 255, 255, 0.96), rgba(228, 241, 249, 0.94));
}

html[data-theme="light"] .release-tags span,
html[data-theme="light"] .platform-card {
  color: #60778d;
  border-color: rgba(43, 94, 132, 0.18);
  background: rgba(255, 255, 255, 0.72);
}

html[data-theme="light"] .platform-card.primary {
  border-color: rgba(28, 130, 191, 0.3);
  background: linear-gradient(135deg, rgba(73, 174, 224, 0.18), rgba(255, 255, 255, 0.86));
}

html[data-theme="light"] .platform-card svg {
  fill: #1c6fa6;
}

html[data-theme="light"] .download-panel::before,
html[data-theme="light"] .download-panel::after {
  border-color: rgba(42, 119, 170, 0.13);
}

html[data-theme="light"] .download-glow {
  background: radial-gradient(circle, rgba(54, 161, 220, 0.18), transparent 66%);
}

html[data-theme="light"] .footer-links a:hover {
  color: #126ea8;
}

@keyframes title-breathe-light {
  0%, 100% {
    opacity: 0.92;
    filter: brightness(0.98) drop-shadow(0 0 0 rgba(28, 127, 190, 0));
  }
  50% {
    opacity: 1;
    filter: brightness(1.05) drop-shadow(0 0 20px rgba(28, 127, 190, 0.2));
  }
}

@media (max-width: 760px) {
  html[data-theme="light"] .site-nav {
    background: rgba(250, 253, 255, 0.98);
    box-shadow: 0 20px 50px rgba(42, 77, 108, 0.18);
  }
}