/* Preview-only semantic color overrides. Original layout rules are retained. */
/* Source geometry: knowledge-agent/agent-demo-dark.css */
html[data-theme="light"]:has(> body.agent-dark),
html[data-theme="light"] body.agent-dark {
 background: var(--lp-page);
}
html[data-theme="light"] body.agent-dark {
 --ink:var(--lp-ink);
 --slate:var(--lp-muted);
 --cyan:var(--lp-accent);
 --cyan-deep:var(--lp-accent);
 --line:var(--lp-line);
 --mist:var(--lp-raised);
}
html[data-theme="light"] body.agent-dark .agent-demo {
 border: 1px solid var(--lp-line-strong);
 background: var(--lp-white);
 box-shadow: 0 18px 48px rgba(35,53,73,0.051), inset 0 1px 0 rgba(35,53,73,0.011);
}
html[data-theme="light"] .agent-windowbar {
 border-bottom: 1px solid var(--lp-line-strong);
 background: linear-gradient(var(--lp-raised), var(--lp-raised));
}
html[data-theme="light"] .agent-window-title {
 color: var(--lp-text);
}
html[data-theme="light"] .agent-window-title span {
 color: var(--lp-text);
}
html[data-theme="light"] .agent-window-state {
 color: var(--lp-text);
}
html[data-theme="light"] .agent-window-state i {
 background: var(--lp-accent-soft);
}
html[data-theme="light"] .agent-command-panel {
 border: 1px solid var(--lp-line-strong);
 background: var(--lp-white);
}
html[data-theme="light"] .agent-command-heading {
 color: var(--lp-accent);
}
html[data-theme="light"] .agent-command-heading small {
 color: var(--lp-muted);
}
html[data-theme="light"] body.agent-dark .agent-eyebrow {
 color: var(--lp-text);
}
html[data-theme="light"] body.agent-dark .agent-header-caption {
 color: var(--lp-text);
}
html[data-theme="light"] body.agent-dark .agent-intro {
 color: var(--lp-text);
}
html[data-theme="light"] body.agent-dark .agent-local-note {
 color: var(--lp-muted);
}
html[data-theme="light"] body.agent-dark .agent-query {
 border: 1px solid var(--lp-line-strong);
 background: var(--lp-white);
}
html[data-theme="light"] body.agent-dark .agent-query:focus-within {
 border-color: var(--lp-line-strong);
 box-shadow: 0 0 0 2px rgba(35,53,73,0.020);
}
html[data-theme="light"] body.agent-dark .agent-query input::placeholder {
 color: var(--lp-muted);
}
html[data-theme="light"] body.agent-dark .agent-query button {
 border: 1px solid var(--lp-line-strong);
 color: var(--lp-ink);
 background: var(--lp-accent-soft);
}
html[data-theme="light"] body.agent-dark .agent-query button:hover {
 color: var(--lp-ink);
 background: var(--lp-accent-soft);
}
html[data-theme="light"] .agent-ops-examples button {
 background: var(--lp-white);
}
html[data-theme="light"] .agent-ops-examples button:hover,
html[data-theme="light"] .agent-ops-examples button.is-active {
 border-color: var(--lp-line-strong);
 background: var(--lp-raised);
}
html[data-theme="light"] .agent-ops-examples button > span {
 color: var(--lp-muted);
}
html[data-theme="light"] .agent-ops-examples small {
 color: var(--lp-text);
}
html[data-theme="light"] .agent-ops-examples i {
 color: var(--lp-accent);
}
html[data-theme="light"] .agent-more-examples summary {
 color: var(--lp-text);
}
html[data-theme="light"] body.agent-dark .agent-suggestions button {
 border: 1px solid var(--lp-line-strong);
 color: var(--lp-text);
 background: var(--lp-white);
}
html[data-theme="light"] body.agent-dark .agent-suggestions button:hover {
 border-color: var(--lp-line-strong);
 color: var(--lp-ink);
}
html[data-theme="light"] body.agent-dark .agent-result {
 border-top: 1px solid var(--lp-line-strong);
 background: transparent;
}
html[data-theme="light"] body.agent-dark .agent-result-placeholder {
 color: var(--lp-muted);
}
html[data-theme="light"] body.agent-dark .agent-result-placeholder strong {
 color: var(--lp-text);
}
html[data-theme="light"] body.agent-dark .agent-answer-meta p {
 color: var(--lp-accent);
}
html[data-theme="light"] body.agent-dark .agent-answer-meta span {
 color: var(--lp-text);
}
html[data-theme="light"] body.agent-dark .agent-answer {
 color: var(--lp-ink);
}
html[data-theme="light"] body.agent-dark .agent-source {
 background: var(--lp-white);
}
html[data-theme="light"] body.agent-dark .agent-source span {
 color: var(--lp-accent);
}
html[data-theme="light"] body.agent-dark .agent-source h2 {
 color: var(--lp-ink);
}
html[data-theme="light"] body.agent-dark .agent-source p {
 color: var(--lp-text);
}
html[data-theme="light"] .ops-result-kicker {
 color: var(--lp-accent);
}
html[data-theme="light"] .ops-result-context {
 color: var(--lp-muted);
}
html[data-theme="light"] .ops-summary span {
 color: var(--lp-text);
}
html[data-theme="light"] .ops-metric-row dt {
 color: var(--lp-text);
}
html[data-theme="light"] .ops-metric-row dd {
 color: var(--lp-ink);
}
html[data-theme="light"] .ops-section-title {
 color: var(--lp-text);
}
html[data-theme="light"] .ops-table {
 color: var(--lp-text);
}
html[data-theme="light"] .ops-table th,
html[data-theme="light"] .ops-table td {
 border-bottom: 1px solid var(--lp-line-strong);
}
html[data-theme="light"] .ops-table th {
 color: var(--lp-text);
 background: var(--lp-white);
}
html[data-theme="light"] .ops-table tfoot td {
 border-top: 1px solid var(--lp-line-strong);
 color: var(--lp-ink);
 background: var(--lp-white);
}
html[data-theme="light"] .ops-table-caption {
 color: var(--lp-muted);
}
html[data-theme="light"] .ops-answer {
 color: var(--lp-ink);
}
html[data-theme="light"] .ops-checks .ops-param {
 color: var(--lp-text);
}
html[data-theme="light"] .ops-checks .ops-value {
 color: var(--lp-ink);
}
html[data-theme="light"] .ops-checks .ops-check-state {
 color: var(--lp-text);
}
html[data-theme="light"] .ops-checks .needs-input .ops-value,
html[data-theme="light"] .ops-checks .needs-input .ops-check-state {
 color: var(--lp-accent);
}
html[data-theme="light"] .ops-fix {
 border-left: 2px solid var(--lp-line-strong);
 background: var(--lp-white);
}
html[data-theme="light"] .ops-fix h3 {
 color: var(--lp-accent);
}
html[data-theme="light"] .ops-fix p {
 color: var(--lp-accent);
}
html[data-theme="light"] .ops-fix code {
 color: var(--lp-ink);
}
html[data-theme="light"] .ops-trace .ops-trace-no {
 color: var(--lp-muted);
}
html[data-theme="light"] .ops-trace h4 {
 color: var(--lp-text);
}
html[data-theme="light"] .ops-trace p,
html[data-theme="light"] .ops-trace code {
 color: var(--lp-text);
}
html[data-theme="light"] .ops-trace code {
 color: var(--lp-accent);
}
html[data-theme="light"] .ops-evidence h4 {
 color: var(--lp-accent);
}
html[data-theme="light"] .ops-evidence p {
 color: var(--lp-muted);
}
html[data-theme="light"] .ops-empty h2 {
 color: var(--lp-ink);
}
html[data-theme="light"] .ops-empty p {
 color: var(--lp-text);
}
html[data-theme="light"] body.agent-dark button:focus-visible,
html[data-theme="light"] body.agent-dark summary:focus-visible {
 outline: 2px solid var(--lp-line-strong);
}