body[data-ui-theme="light"] {
  --audit-canvas: #f7f7f5;
  --audit-intro: #eeece6;
  --audit-panel: #fdfdfb;
  --audit-alt: #efeee9;
  --audit-raised: #f5f3ee;
  --audit-export: #eae8e1;
  --audit-ink: #1a1a19;
  --audit-muted: #54534f;
  --audit-line-theme: #d4d1c8;
  --audit-accent-theme: #805b0c;
  --audit-hover-theme: #e0ddd3;
  --audit-fail-theme: #a22d17;
  --audit-warn-theme: #805400;
  --audit-pass-theme: #206749;
  --audit-info-theme: #515964;
  --audit-error-bg: #fff1ed;
  --audit-error-line: #d68e80;
}

body[data-ui-theme="dark"] {
  --audit-canvas: #181815;
  --audit-intro: #1d1c19;
  --audit-panel: #22211e;
  --audit-alt: #25241f;
  --audit-raised: #2e2c26;
  --audit-export: #28271f;
  --audit-ink: #f5f2e9;
  --audit-muted: #c7c3b9;
  --audit-line-theme: #575247;
  --audit-accent-theme: #f0cb62;
  --audit-hover-theme: #38352c;
  --audit-fail-theme: #f1a698;
  --audit-warn-theme: #f0cb62;
  --audit-pass-theme: #9bd7b5;
  --audit-info-theme: #c5c9d0;
  --audit-error-bg: #37251f;
  --audit-error-line: #9c6359;
}

body[data-ui-theme] {
  background: var(--audit-canvas);
  color: var(--audit-ink);
  color-scheme: light;
}
body[data-ui-theme] .skip-link,
body[data-ui-theme] .group-title > span:first-child { color: #1a1a1a; }
body[data-ui-theme="dark"] { color-scheme: dark; }
body[data-ui-theme="light"] .audit-nav-links a:hover,
body[data-ui-theme="light"] .audit-nav-links a[aria-current],
body[data-ui-theme="light"] .audit-nav-drawer a:hover,
body[data-ui-theme="light"] .audit-nav-drawer a[aria-current],
body[data-ui-theme="light"] .audit-nav-toggle:hover { color: var(--audit-accent-theme); }
body[data-ui-theme] .intro,
body[data-ui-theme] .site-footer { background: var(--audit-intro); color: var(--audit-ink); }
body[data-ui-theme] .intro h1 span,
body[data-ui-theme] .eyebrow,
body[data-ui-theme] .site-footer a:hover { color: var(--audit-accent-theme); }
body[data-ui-theme] .eyebrow-mark { background: var(--audit-accent-theme); }
body[data-ui-theme] .intro-copy,
body[data-ui-theme] .intro-points,
body[data-ui-theme] .site-footer { color: var(--audit-muted); }
body[data-ui-theme] .intro-points span { border-color: var(--audit-line-theme); }

body[data-ui-theme] .workspace { background: var(--audit-panel); border-color: var(--audit-line-theme); }
body[data-ui-theme] .results { background: var(--audit-canvas); }
body[data-ui-theme] .explainer { background: var(--audit-alt); }
body[data-ui-theme] .section-index,
body[data-ui-theme] .explain-cards span { color: var(--audit-accent-theme); }
body[data-ui-theme] .form-head > p,
body[data-ui-theme] .field-help,
body[data-ui-theme] .result-time,
body[data-ui-theme] .result-url,
body[data-ui-theme] .score-note,
body[data-ui-theme] .overview-card span,
body[data-ui-theme] .priority-item p,
body[data-ui-theme] .explain-cards p,
body[data-ui-theme] .closing p:last-child,
body[data-ui-theme] .limitations ul { color: var(--audit-muted); }
body[data-ui-theme] .input-row { border-color: var(--audit-line-theme); background: var(--audit-raised); }
body[data-ui-theme] .input-row input { color: var(--audit-ink); }
body[data-ui-theme] .input-row input::placeholder { color: var(--audit-muted); }
body[data-ui-theme] .input-prefix { color: var(--audit-accent-theme); }
body[data-ui-theme] .field-error { color: var(--audit-fail-theme); }
body[data-ui-theme] .notice,
body[data-ui-theme] .audit-status { background: var(--audit-raised); border-color: var(--audit-line-theme); color: var(--audit-ink); }
body[data-ui-theme] .audit-status.is-error { background: var(--audit-error-bg); border-color: var(--audit-error-line); color: var(--audit-fail-theme); }

body[data-ui-theme] .result-heading,
body[data-ui-theme] .overview,
body[data-ui-theme] .overview-card + .overview-card,
body[data-ui-theme] .priority-item,
body[data-ui-theme] .limitations { border-color: var(--audit-line-theme); }
body[data-ui-theme] .result-heading::after { background: var(--audit-accent-theme); }
body[data-ui-theme] .result-overall { color: var(--audit-ink); }
body[data-ui-theme] .result-url,
body[data-ui-theme] .signal-group { background: var(--audit-panel); border-color: var(--audit-line-theme); }
body[data-ui-theme] .signal-group[open] { border-color: var(--audit-accent-theme); }
body[data-ui-theme] .signal-group summary:is(:hover,:focus-visible) { background: var(--audit-hover-theme); }
body[data-ui-theme] .signal-group summary::before,
body[data-ui-theme] .signal-group summary::after { background: var(--audit-accent-theme); }
body[data-ui-theme] .signal-group .checks,
body[data-ui-theme] .check,
body[data-ui-theme] .group-title { border-color: var(--audit-line-theme); }
body[data-ui-theme] .signal-group .group-title small,
body[data-ui-theme] .group-count,
body[data-ui-theme] .check p { color: var(--audit-muted); }
body[data-ui-theme] .check p strong { color: var(--audit-ink); }
body[data-ui-theme] .check-status.fail { color: var(--audit-fail-theme); }
body[data-ui-theme] .check-status.warn { color: var(--audit-warn-theme); }
body[data-ui-theme] .check-status.pass { color: var(--audit-pass-theme); }
body[data-ui-theme] .check-status.info { color: var(--audit-info-theme); }
body[data-ui-theme] .explain-cards article { border-color: var(--audit-accent-theme); }
body[data-ui-theme] .closing > a { background: var(--audit-ink); color: var(--audit-canvas); }
body[data-ui-theme] .closing > a:hover { background: var(--audit-accent-theme); color: var(--audit-intro); }
body[data-ui-theme] .site-footer { border-top: 1px solid var(--audit-line-theme); }

body[data-ui-theme] .report-export { background: var(--audit-export); border-color: var(--audit-line-theme); color: var(--audit-ink); }
body[data-ui-theme] .report-export .section-index { color: var(--audit-accent-theme); }
body[data-ui-theme] .report-export-heading p:last-child,
body[data-ui-theme] .report-ai-handoff > p,
body[data-ui-theme] .report-ai-note,
body[data-ui-theme] .report-preview-head span { color: var(--audit-muted); }
body[data-ui-theme] .report-format,
body[data-ui-theme] .report-export-actions button,
body[data-ui-theme] .report-preview,
body[data-ui-theme] .report-preview-head,
body[data-ui-theme] .report-ai-handoff,
body[data-ui-theme] .report-ai-preview { border-color: var(--audit-line-theme); }
body[data-ui-theme] .report-format button,
body[data-ui-theme] .report-export-actions button,
body[data-ui-theme] .report-preview-head,
body[data-ui-theme] .report-preview pre,
body[data-ui-theme] .report-ai-preview pre { color: var(--audit-ink); }
body[data-ui-theme] .report-format button:hover:not([aria-pressed="true"]),
body[data-ui-theme] .report-export-actions button:hover,
body[data-ui-theme] .report-ai-links a:hover,
body[data-ui-theme] .report-ai-copy:hover { background: var(--audit-hover-theme); }
body[data-ui-theme] .report-format button[aria-pressed="true"],
body[data-ui-theme] .report-export-actions #report-download-button,
body[data-ui-theme] .report-ai-copy { background: #ffd700; color: #1a1a1a; }
body[data-ui-theme] .report-export-actions #report-download-button:hover,
body[data-ui-theme] .report-ai-copy:hover { background: #edc600; color: #1a1a1a; }
body[data-ui-theme] .report-ai-links a,
body[data-ui-theme] .report-ai-preview pre { color: var(--audit-ink); border-color: var(--audit-line-theme); }
body[data-ui-theme] .report-ai-links a span { color: var(--audit-accent-theme); }
body[data-ui-theme] .report-ai-note a { color: var(--audit-accent-theme); }
body[data-ui-theme] .report-export-status { color: var(--audit-accent-theme); }
body[data-ui-theme] .report-ai-handoff > .report-export-status { color: var(--audit-accent-theme); }
body[data-ui-theme] .report-preview,
body[data-ui-theme] .report-ai-preview { background: var(--audit-panel); }