/* Final theme pass.
   This file loads after component CSS so each theme reaches the viewer, tree,
   Results, More, and settings surfaces without fighting earlier defaults. */

html[data-theme] body {
  background:
    radial-gradient(circle at 18% 0%, color-mix(in srgb, var(--theme-accent) 12%, transparent), transparent 32rem),
    radial-gradient(circle at 86% 8%, color-mix(in srgb, var(--theme-gold) 10%, transparent), transparent 34rem),
    linear-gradient(180deg, var(--theme-bg), #05070d 120%);
  color: var(--theme-text);
}

html[data-theme] .app-shell,
html[data-theme] #app-shell,
html[data-theme] #app-content {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--theme-shell) 96%, black), var(--theme-bg));
  color: var(--theme-text);
}

html[data-theme] .topbar,
html[data-theme] .app-header,
html[data-theme] #app-header,
html[data-theme] header[role="banner"] {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--theme-shell) 94%, black), color-mix(in srgb, var(--theme-panel) 86%, black));
  border-color: var(--theme-border);
  box-shadow: 0 16px 44px rgba(0, 0, 0, 0.26);
}

html[data-theme] .brand-link,
html[data-theme] .brand-wordmark,
html[data-theme] .brand-text,
html[data-theme] #brand,
html[data-theme] #brand small {
  color: var(--theme-text);
}

html[data-theme] .app-tab,
html[data-theme] .nav-btn,
html[data-theme] .tab-button,
html[data-theme] #app-tabs .app-tab {
  color: var(--theme-muted);
  background: linear-gradient(180deg, color-mix(in srgb, var(--theme-panel) 84%, black), color-mix(in srgb, var(--theme-shell) 92%, black));
  border-color: var(--theme-border);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

html[data-theme] .app-tab:hover,
html[data-theme] .nav-btn:hover,
html[data-theme] .tab-button:hover,
html[data-theme] #app-tabs .app-tab:hover {
  color: var(--theme-text);
  border-color: var(--theme-border-strong);
  box-shadow: 0 0 24px var(--theme-glow), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

html[data-theme] .app-tab.active,
html[data-theme] .nav-btn.active,
html[data-theme] .tab-button.active,
html[data-theme] #app-tabs .app-tab.active {
  color: var(--theme-text);
  border-color: var(--theme-border-strong);
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--theme-accent) 16%, var(--theme-panel)), color-mix(in srgb, var(--theme-gold) 9%, var(--theme-shell)));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--theme-border-strong) 70%, transparent), 0 0 26px var(--theme-glow);
}

html[data-theme] input,
html[data-theme] select,
html[data-theme] textarea,
html[data-theme] button {
  color: var(--theme-text);
}

html[data-theme] .controls input,
html[data-theme] .controls select,
html[data-theme] .stage-select,
html[data-theme] #stageSelect,
html[data-theme] #hypothesisSelect,
html[data-theme] #bibleVersion,
html[data-theme] #search,
html[data-theme] .search-box {
  background: color-mix(in srgb, var(--theme-panel) 80%, black);
  color: var(--theme-text);
  border-color: var(--theme-border-strong);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--theme-border) 50%, transparent), 0 8px 24px rgba(0, 0, 0, 0.18);
}

html[data-theme] .controls input::placeholder,
html[data-theme] #search::placeholder,
html[data-theme] .search-box::placeholder {
  color: var(--theme-faint);
}

html[data-theme] .controls input:focus,
html[data-theme] .controls select:focus,
html[data-theme] #stageSelect:focus,
html[data-theme] #hypothesisSelect:focus,
html[data-theme] #bibleVersion:focus,
html[data-theme] #search:focus {
  outline: 2px solid color-mix(in srgb, var(--theme-accent) 64%, transparent);
  outline-offset: 2px;
  border-color: var(--theme-accent);
}

/* Evidence Viewer shell and tree */
html[data-theme] #evidence-viewer-pane,
html[data-theme] .evidence-viewer,
html[data-theme] .viewer-shell {
  background:
    radial-gradient(circle at 74% 16%, color-mix(in srgb, var(--theme-accent) 8%, transparent), transparent 34rem),
    linear-gradient(180deg, color-mix(in srgb, var(--theme-bg) 92%, black), color-mix(in srgb, var(--theme-shell) 96%, black));
  color: var(--theme-text);
}

html[data-theme] #tree,
html[data-theme] .tree-panel,
html[data-theme] .evidence-tree {
  background: linear-gradient(180deg, color-mix(in srgb, var(--theme-shell) 94%, black), color-mix(in srgb, var(--theme-bg) 96%, black));
  border-color: var(--theme-border);
  color: var(--theme-text);
}

html[data-theme] #tree .section,
html[data-theme] #tree .tree-section,
html[data-theme] #tree .category-group {
  background: color-mix(in srgb, var(--theme-panel) 78%, black);
  border-color: var(--theme-border);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.18);
}

html[data-theme] #tree .section-header,
html[data-theme] #tree .category-row,
html[data-theme] #tree .tree-category-row {
  color: var(--theme-text);
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--theme-accent) 10%, var(--theme-panel-2)), color-mix(in srgb, var(--theme-panel) 92%, black));
  border-color: var(--theme-border);
}

html[data-theme] #tree .subsection,
html[data-theme] #tree .sub-category,
html[data-theme] #tree .subcategory-row {
  background: color-mix(in srgb, var(--theme-surface) 84%, black);
  border-color: color-mix(in srgb, var(--theme-border) 80%, transparent);
}

html[data-theme] #tree .item,
html[data-theme] #tree .tree-item,
html[data-theme] #tree .evidence-item {
  background: color-mix(in srgb, var(--theme-bg) 70%, var(--theme-surface));
  color: var(--theme-text);
  border-color: color-mix(in srgb, var(--theme-border) 72%, transparent);
  transition: background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease, color 150ms ease;
}

html[data-theme] #tree .item:hover,
html[data-theme] #tree .tree-item:hover,
html[data-theme] #tree .evidence-item:hover {
  background: color-mix(in srgb, var(--theme-accent) 8%, var(--theme-surface));
  border-color: var(--theme-border-strong);
}

html[data-theme] #tree .item.selected,
html[data-theme] #tree .item.active,
html[data-theme] #tree .tree-item.selected,
html[data-theme] #tree .tree-item.active,
html[data-theme] #tree .evidence-item.selected,
html[data-theme] #tree .evidence-item.active,
html[data-theme] #tree [aria-current="true"],
html[data-theme] #tree [data-selected="true"] {
  color: var(--theme-text);
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--theme-accent) 18%, var(--theme-surface-strong)), color-mix(in srgb, var(--theme-gold) 7%, var(--theme-surface)));
  border-color: var(--theme-border-strong);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--theme-accent) 24%, transparent), 0 0 28px var(--theme-glow);
}

html[data-theme] #tree .item-title,
html[data-theme] #tree .title,
html[data-theme] #tree h4,
html[data-theme] #tree h3 {
  color: var(--theme-text);
}

html[data-theme] #tree .meta,
html[data-theme] #tree .item-meta,
html[data-theme] #tree .tree-meta {
  color: var(--theme-faint);
}

html[data-theme] #tree .count,
html[data-theme] #tree .count-pill,
html[data-theme] #tree [data-count],
html[data-theme] #tree .section-count {
  color: var(--theme-muted);
  background: color-mix(in srgb, var(--theme-panel) 82%, black);
  border-color: color-mix(in srgb, var(--theme-border-strong) 70%, transparent);
}

html[data-theme] #tree .section-control,
html[data-theme] #tree .collapse-control,
html[data-theme] #tree .expand-control,
html[data-theme] #tree button {
  color: var(--theme-text);
  background: color-mix(in srgb, var(--theme-panel) 74%, black);
  border-color: color-mix(in srgb, var(--theme-border-strong) 64%, transparent);
}

html[data-theme] .status-pill,
html[data-theme] .evidence-status-pill,
html[data-theme] .tree-status-pill,
html[data-theme] .score-pill {
  color: color-mix(in srgb, var(--theme-positive) 70%, white);
  background: color-mix(in srgb, var(--theme-positive) 16%, var(--theme-panel));
  border-color: color-mix(in srgb, var(--theme-positive) 48%, transparent);
}

/* Evidence detail and intro dossier */
html[data-theme] #detailpane,
html[data-theme] .detail,
html[data-theme] .detail-pane,
html[data-theme] .evidence-detail,
html[data-theme] .dossier-hero,
html[data-theme] .evidence-dossier-hero,
html[data-theme] .ev-orientation-card,
html[data-theme] .ev-intro-card,
html[data-theme] .ev-feature-card,
html[data-theme] .ev-stage-card,
html[data-theme] .detail-section,
html[data-theme] .article-section,
html[data-theme] .detail-artile-block,
html[data-theme] .detail-article-block {
  color: var(--theme-text);
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--theme-panel) 82%, black), color-mix(in srgb, var(--theme-bg) 90%, black));
  border-color: var(--theme-border);
}

html[data-theme] .dossier-hero,
html[data-theme] .evidence-dossier-hero,
html[data-theme] .ev-orientation-card,
html[data-theme] .ev-logos-visual,
html[data-theme] .stage7-coda {
  border-color: var(--theme-border-strong);
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.28), 0 0 44px var(--theme-glow);
}

html[data-theme] #detailpane h1,
html[data-theme] #detailpane h2,
html[data-theme] #detailpane h3,
html[data-theme] #detailpane h4,
html[data-theme] .detail h1,
html[data-theme] .detail h2,
html[data-theme] .detail h3,
html[data-theme] .detail h4,
html[data-theme] .ev-intro-landing h1,
html[data-theme] .ev-intro-landing h2,
html[data-theme] .ev-intro-landing h3 {
  color: var(--theme-text);
}

html[data-theme] #detailpane p,
html[data-theme] #detailpane li,
html[data-theme] .detail p,
html[data-theme] .detail li,
html[data-theme] .ev-intro-landing p {
  color: var(--theme-muted);
}

html[data-theme] .eyebrow,
html[data-theme] .section-kicker,
html[data-theme] .ev-eyebrow,
html[data-theme] .detail-label,
html[data-theme] .detail-section-title {
  color: var(--theme-accent);
}

html[data-theme] .scripture,
html[data-theme] .scripture-card {
  color: #151515;
  background: color-mix(in srgb, var(--theme-text) 88%, #ffffff);
  border-color: color-mix(in srgb, var(--theme-gold) 42%, transparent);
}

html[data-theme] a {
  color: var(--theme-accent);
}

html[data-theme] a:hover {
  color: color-mix(in srgb, var(--theme-gold) 72%, var(--theme-accent));
}

/* Results and More pages */
html[data-theme] #results-pane,
html[data-theme] #other-pane,
html[data-theme] #settings-pane,
html[data-theme] .results-page,
html[data-theme] .more-page,
html[data-theme] .settings-page {
  color: var(--theme-text);
  background:
    radial-gradient(circle at 68% 6%, color-mix(in srgb, var(--theme-gold) 7%, transparent), transparent 30rem),
    linear-gradient(180deg, color-mix(in srgb, var(--theme-bg) 92%, black), color-mix(in srgb, var(--theme-shell) 96%, black));
}

html[data-theme] #results-pane .card,
html[data-theme] #results-pane [class*="card"],
html[data-theme] #results-pane [class*="panel"],
html[data-theme] #results-pane [class*="hero"],
html[data-theme] #results-pane [class*="module"],
html[data-theme] #other-pane .card,
html[data-theme] #other-pane [class*="card"],
html[data-theme] #other-pane [class*="panel"],
html[data-theme] #other-pane [class*="module"],
html[data-theme] #settings-pane .card,
html[data-theme] #settings-pane [class*="card"],
html[data-theme] #settings-pane [class*="panel"] {
  color: var(--theme-text);
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--theme-panel) 82%, black), color-mix(in srgb, var(--theme-bg) 88%, black));
  border-color: var(--theme-border);
}

html[data-theme] #results-pane h1,
html[data-theme] #results-pane h2,
html[data-theme] #results-pane h3,
html[data-theme] #results-pane h4,
html[data-theme] #other-pane h1,
html[data-theme] #other-pane h2,
html[data-theme] #other-pane h3,
html[data-theme] #other-pane h4,
html[data-theme] #settings-pane h1,
html[data-theme] #settings-pane h2,
html[data-theme] #settings-pane h3,
html[data-theme] #settings-pane h4 {
  color: var(--theme-text);
}

html[data-theme] #results-pane p,
html[data-theme] #results-pane li,
html[data-theme] #results-pane td,
html[data-theme] #results-pane th,
html[data-theme] #other-pane p,
html[data-theme] #other-pane li,
html[data-theme] #other-pane td,
html[data-theme] #other-pane th,
html[data-theme] #settings-pane p,
html[data-theme] #settings-pane li {
  color: var(--theme-muted);
}

html[data-theme] #results-pane .metric,
html[data-theme] #results-pane .result-value,
html[data-theme] #results-pane .score,
html[data-theme] #results-pane [class*="percent"],
html[data-theme] #results-pane [class*="value"] {
  color: var(--theme-text);
}

html[data-theme] #results-pane .stage-path,
html[data-theme] #results-pane .prior-sensitivity,
html[data-theme] #results-pane .signal-prior-module,
html[data-theme] #other-pane .reasoning-map-hero,
html[data-theme] #other-pane .signal-package-hero {
  border-color: var(--theme-border-strong);
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.3), 0 0 52px var(--theme-gold-glow);
}

html[data-theme] .pill,
html[data-theme] .chip,
html[data-theme] .badge,
html[data-theme] .trust-chip,
html[data-theme] .preset-chip {
  color: var(--theme-text);
  background: color-mix(in srgb, var(--theme-panel) 76%, black);
  border-color: var(--theme-border);
}

html[data-theme] .pill.active,
html[data-theme] .chip.active,
html[data-theme] .badge.active,
html[data-theme] .preset-chip.active,
html[data-theme] .is-active {
  color: var(--theme-text);
  background: linear-gradient(135deg, color-mix(in srgb, var(--theme-accent) 18%, var(--theme-panel)), color-mix(in srgb, var(--theme-gold) 15%, var(--theme-panel)));
  border-color: var(--theme-border-strong);
}

/* Settings theme cards */
html[data-theme] .theme-grid {
  gap: 14px;
}

html[data-theme] .theme-card {
  color: var(--theme-text);
  background: linear-gradient(180deg, color-mix(in srgb, var(--theme-panel) 84%, black), color-mix(in srgb, var(--theme-bg) 92%, black));
  border-color: var(--theme-border);
}

html[data-theme] .theme-card .name {
  color: var(--theme-text);
}

html[data-theme] .theme-card .desc {
  color: var(--theme-muted);
}

html[data-theme] .theme-card.active {
  border-color: var(--theme-border-strong);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--theme-accent) 30%, transparent), 0 0 34px var(--theme-glow);
}

html[data-theme] .theme-card .swatch {
  background:
    linear-gradient(135deg, var(--theme-accent), var(--theme-gold));
  border-color: var(--theme-border-strong);
}

html[data-theme] .theme-card .use,
html[data-theme] .settings-button,
html[data-theme] .copy-package-prompt-btn {
  color: var(--theme-text);
  background: linear-gradient(180deg, color-mix(in srgb, var(--theme-accent) 20%, var(--theme-panel)), color-mix(in srgb, var(--theme-panel) 86%, black));
  border-color: var(--theme-border-strong);
}

html[data-theme] table,
html[data-theme] .table {
  color: var(--theme-text);
  border-color: var(--theme-border);
}

html[data-theme] th {
  color: var(--theme-text);
  background: color-mix(in srgb, var(--theme-panel-2) 86%, black);
}

html[data-theme] td {
  border-color: color-mix(in srgb, var(--theme-border) 72%, transparent);
}

html[data-theme] ::selection {
  color: #07101d;
  background: color-mix(in srgb, var(--theme-accent) 70%, white);
}

html[data-theme] ::-webkit-scrollbar-track {
  background: color-mix(in srgb, var(--theme-bg) 88%, black);
}

html[data-theme] ::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--theme-accent) 24%, var(--theme-panel-2));
  border-color: color-mix(in srgb, var(--theme-bg) 88%, black);
}

html[data-theme] ::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--theme-accent) 38%, var(--theme-panel-2));
}

/* Evidence Viewer theme completion: later app-shell polish has several hard-coded
   viewer colors, so this final pass makes every visual style reach desktop and mobile. */
html[data-theme] #evidence-viewer-pane {
  --ui-accent: var(--theme-accent);
  --ui-accent-2: var(--theme-gold);
  --ui-good: var(--theme-positive);
  --ui-caution: var(--theme-warning);
  --ui-neg: var(--theme-negative);
  --ui-support: var(--theme-accent-2);
  --ui-surface: color-mix(in srgb, var(--theme-surface) 72%, transparent);
  --ui-surface-2: color-mix(in srgb, var(--theme-panel) 56%, transparent);
  --ui-line: var(--theme-border);
  --map-item: color-mix(in srgb, var(--theme-surface) 74%, transparent);
  --map-item-hover: color-mix(in srgb, var(--theme-accent) 10%, var(--theme-surface));
  --map-selected: color-mix(in srgb, var(--theme-accent) 18%, var(--theme-surface-strong));
  --map-cyan: var(--theme-accent);
  --map-green: var(--theme-positive);
  --map-amber: var(--theme-gold);
  --map-red: var(--theme-negative);
}

html[data-theme] #evidence-viewer-pane .header {
  color: var(--theme-text);
  background:
    radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--theme-accent) 12%, transparent), transparent 20rem),
    linear-gradient(180deg, color-mix(in srgb, var(--theme-shell) 92%, black), color-mix(in srgb, var(--theme-panel) 82%, black)) !important;
  border-color: var(--theme-border);
}

html[data-theme] #evidence-viewer-pane #version,
html[data-theme] #evidence-viewer-pane #stage,
html[data-theme] #evidence-viewer-pane #hypfilter,
html[data-theme] #evidence-viewer-pane #collapse-btn {
  color: var(--theme-text) !important;
  background: color-mix(in srgb, var(--theme-panel) 82%, black) !important;
  border-color: var(--theme-border-strong) !important;
}

html[data-theme] #evidence-viewer-pane .tree,
html[data-theme] #tree {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--theme-panel) 78%, black), color-mix(in srgb, var(--theme-bg) 92%, black)) !important;
  border-color: var(--theme-border) !important;
  box-shadow: inset -1px 0 0 color-mix(in srgb, var(--theme-border) 38%, transparent);
}

html[data-theme] #tree > .section,
html[data-theme] #tree .section {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--theme-panel) 82%, black), color-mix(in srgb, var(--theme-bg) 90%, black)) !important;
  border-color: var(--theme-border) !important;
}

html[data-theme] #tree > .section.open {
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--theme-accent) 10%, transparent), transparent 42%),
    linear-gradient(180deg, color-mix(in srgb, var(--theme-panel-2) 84%, black), color-mix(in srgb, var(--theme-bg) 88%, black)) !important;
  border-color: var(--theme-border-strong) !important;
}

html[data-theme] #tree .section.sub {
  background: color-mix(in srgb, var(--theme-surface) 70%, black) !important;
  border-color: color-mix(in srgb, var(--theme-border) 78%, transparent) !important;
}

html[data-theme] #tree .section-header,
html[data-theme] #tree .section.sub > .section-header {
  background: transparent !important;
  color: var(--theme-text) !important;
}

html[data-theme] #tree .section.open:not(.sub) > .section-header {
  background: color-mix(in srgb, var(--theme-accent) 8%, transparent) !important;
}

html[data-theme] #tree .section-title,
html[data-theme] #tree .section:not(.sub) > .section-header .section-title,
html[data-theme] #tree .section.sub .section-title {
  color: var(--theme-text) !important;
}

html[data-theme] #tree .section-header .count,
html[data-theme] #tree .tree-ref-count {
  color: var(--theme-faint) !important;
  background: color-mix(in srgb, var(--theme-panel) 76%, black) !important;
  border-color: color-mix(in srgb, var(--theme-border) 78%, transparent) !important;
}

html[data-theme] #tree .section-control {
  color: var(--theme-muted) !important;
  background: color-mix(in srgb, var(--theme-panel) 74%, black) !important;
  border-color: color-mix(in srgb, var(--theme-border-strong) 64%, transparent) !important;
}

html[data-theme] #tree .section.open > .section-header .section-control {
  color: var(--theme-text) !important;
  background: color-mix(in srgb, var(--theme-accent) 13%, var(--theme-panel)) !important;
  border-color: var(--theme-border-strong) !important;
}

html[data-theme] #tree .item {
  color: var(--theme-text) !important;
  background: var(--map-item) !important;
  border-color: color-mix(in srgb, var(--theme-border) 68%, transparent) !important;
}

html[data-theme] #tree .item:hover {
  background: var(--map-item-hover) !important;
  border-color: var(--theme-border-strong) !important;
}

html[data-theme] #tree .item.selected {
  color: var(--theme-text) !important;
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--theme-accent) 18%, transparent) 0, color-mix(in srgb, var(--theme-accent) 7%, transparent) 48%, transparent 100%),
    var(--map-selected) !important;
  border-color: var(--theme-border-strong) !important;
  box-shadow:
    inset 4px 0 0 var(--theme-accent),
    0 0 0 1px color-mix(in srgb, var(--theme-accent) 18%, transparent),
    0 10px 26px color-mix(in srgb, var(--theme-bg) 46%, transparent) !important;
}

html[data-theme] #tree .item h4,
html[data-theme] #tree .item.selected h4 {
  color: var(--theme-text) !important;
}

html[data-theme] #tree .tree-status-pill,
html[data-theme] .detail-status-pill {
  color: var(--theme-muted) !important;
  background: color-mix(in srgb, var(--theme-panel) 76%, black) !important;
  border-color: color-mix(in srgb, var(--theme-border) 76%, transparent) !important;
}

html[data-theme] #tree .tree-status-pill.scored,
html[data-theme] .detail-status-pill.scored,
html[data-theme] #tree .tree-status-pill.strong,
html[data-theme] .detail-status-pill.strong {
  color: color-mix(in srgb, var(--theme-positive) 78%, var(--theme-text)) !important;
  background: color-mix(in srgb, var(--theme-positive) 16%, var(--theme-panel)) !important;
  border-color: color-mix(in srgb, var(--theme-positive) 40%, transparent) !important;
}

html[data-theme] #tree .tree-status-pill.pending,
html[data-theme] .detail-status-pill.pending,
html[data-theme] .detail-status-pill.subtle,
html[data-theme] #tree .tree-status-pill.context,
html[data-theme] .detail-status-pill.context,
html[data-theme] #tree .tree-status-pill.unweighted,
html[data-theme] .detail-status-pill.unweighted {
  color: color-mix(in srgb, var(--theme-warning) 72%, var(--theme-text)) !important;
  background: color-mix(in srgb, var(--theme-warning) 13%, var(--theme-panel)) !important;
  border-color: color-mix(in srgb, var(--theme-warning) 34%, transparent) !important;
}

html[data-theme] #tree .tree-status-pill.support,
html[data-theme] .detail-status-pill.support {
  color: color-mix(in srgb, var(--theme-accent-2) 68%, var(--theme-text)) !important;
  background: color-mix(in srgb, var(--theme-accent-2) 13%, var(--theme-panel)) !important;
  border-color: color-mix(in srgb, var(--theme-accent-2) 34%, transparent) !important;
}

html[data-theme] .detail-kicker,
html[data-theme] #evidence-viewer-pane .detail .detail-section-heading {
  color: var(--theme-accent) !important;
}

html[data-theme] .detail-breadcrumb,
html[data-theme] .detail-thesis,
html[data-theme] .detail-bf-chip,
html[data-theme] #evidence-viewer-pane .detail .article {
  color: var(--theme-muted) !important;
}

html[data-theme] .detail-id-chip,
html[data-theme] .detail-bf-chip,
html[data-theme] .detail-mini-card,
html[data-theme] .detail-evidence-card,
html[data-theme] #evidence-viewer-pane .detail .article .detail-article-block,
html[data-theme] #evidence-viewer-pane .detail .summary {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--theme-panel) 82%, black), color-mix(in srgb, var(--theme-bg) 88%, black)) !important;
  border-color: var(--theme-border) !important;
  color: var(--theme-muted) !important;
}

html[data-theme] .detail-id-chip span,
html[data-theme] .detail-bf-chip span {
  color: var(--theme-faint) !important;
}

html[data-theme] .detail-id-chip code,
html[data-theme] .detail-bf-chip strong,
html[data-theme] .detail-evidence-card h3 {
  color: var(--theme-text) !important;
}

@media (max-width: 700px) {
  html[data-theme] #evidence-viewer-pane:not(.mobile-detail-active) .container::before {
    color: var(--theme-muted) !important;
    background: color-mix(in srgb, var(--theme-panel) 78%, black) !important;
    border-color: var(--theme-border) !important;
  }

  html[data-theme] #evidence-viewer-pane .mobile-stage-badge {
    color: var(--theme-gold) !important;
    background: color-mix(in srgb, var(--theme-panel) 76%, black) !important;
    border-color: color-mix(in srgb, var(--theme-gold) 42%, transparent) !important;
  }

  html[data-theme] #evidence-viewer-pane .mobile-stage-info-inner {
    color: var(--theme-text);
    background:
      radial-gradient(circle at 96% 0%, color-mix(in srgb, var(--theme-gold) 12%, transparent), transparent 34%),
      linear-gradient(180deg, color-mix(in srgb, var(--theme-panel) 84%, black), color-mix(in srgb, var(--theme-bg) 92%, black)) !important;
    border-color: var(--theme-border) !important;
  }

  html[data-theme] #evidence-viewer-pane .mobile-stage-info-art {
    background:
      radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--theme-accent) 16%, transparent), transparent 42%),
      color-mix(in srgb, var(--theme-bg) 88%, black) !important;
    border-color: color-mix(in srgb, var(--theme-gold) 28%, transparent) !important;
  }

  html[data-theme] #evidence-viewer-pane .mobile-stage-info-art::after {
    background:
      linear-gradient(180deg, color-mix(in srgb, var(--theme-bg) 12%, transparent), color-mix(in srgb, var(--theme-bg) 50%, transparent)),
      linear-gradient(90deg, color-mix(in srgb, var(--theme-bg) 28%, transparent), transparent 40%) !important;
  }

  html[data-theme] #evidence-viewer-pane .mobile-stage-info-label,
  html[data-theme] #evidence-viewer-pane .mobile-stage-extra-label {
    color: var(--theme-accent) !important;
  }

  html[data-theme] #evidence-viewer-pane .mobile-stage-info h2,
  html[data-theme] #evidence-viewer-pane .mobile-stage-mini-card strong,
  html[data-theme] #evidence-viewer-pane .mobile-stage-journey-item strong,
  html[data-theme] #evidence-viewer-pane .mobile-stage-note strong,
  html[data-theme] #evidence-viewer-pane .mobile-stage-extra h3 {
    color: var(--theme-text) !important;
  }

  html[data-theme] #evidence-viewer-pane .mobile-stage-subtitle {
    color: var(--theme-gold) !important;
  }

  html[data-theme] #evidence-viewer-pane .mobile-stage-scripture {
    border-left-color: color-mix(in srgb, var(--theme-gold) 72%, transparent) !important;
    background: linear-gradient(90deg, color-mix(in srgb, var(--theme-gold) 12%, transparent), transparent) !important;
  }

  html[data-theme] #evidence-viewer-pane .mobile-stage-scripture span {
    color: var(--theme-accent) !important;
  }

  html[data-theme] #evidence-viewer-pane .mobile-stage-scripture p,
  html[data-theme] #evidence-viewer-pane .mobile-stage-info-copy > p:not(.mobile-stage-info-label):not(.mobile-stage-badge),
  html[data-theme] #evidence-viewer-pane .mobile-stage-mini-card p,
  html[data-theme] #evidence-viewer-pane .mobile-stage-journey-item p,
  html[data-theme] #evidence-viewer-pane .mobile-stage-note p {
    color: var(--theme-muted) !important;
  }

  html[data-theme] #evidence-viewer-pane .mobile-stage-logos,
  html[data-theme] #evidence-viewer-pane .mobile-stage-purpose,
  html[data-theme] #evidence-viewer-pane .mobile-stage-extra {
    border-color: color-mix(in srgb, var(--theme-border) 70%, transparent) !important;
  }

  html[data-theme] #evidence-viewer-pane .mobile-stage-purpose strong {
    color: var(--theme-gold) !important;
  }

  html[data-theme] #evidence-viewer-pane .mobile-stage-info-chip,
  html[data-theme] #evidence-viewer-pane .mobile-stage-frameworks span,
  html[data-theme] #evidence-viewer-pane .mobile-stage-mini-card,
  html[data-theme] #evidence-viewer-pane .mobile-stage-journey-item,
  html[data-theme] #evidence-viewer-pane .mobile-stage-note {
    color: var(--theme-muted) !important;
    background: color-mix(in srgb, var(--theme-panel) 70%, black) !important;
    border-color: color-mix(in srgb, var(--theme-border) 76%, transparent) !important;
  }

  html[data-theme] #evidence-viewer-pane .mobile-stage-journey-item span {
    color: var(--theme-gold) !important;
    background: color-mix(in srgb, var(--theme-gold) 10%, var(--theme-panel)) !important;
    border-color: color-mix(in srgb, var(--theme-gold) 42%, transparent) !important;
  }

  html[data-theme] .mobile-detail-back {
    color: var(--theme-text) !important;
    background: color-mix(in srgb, var(--theme-panel) 88%, black) !important;
    border-color: var(--theme-border-strong) !important;
    box-shadow: 0 10px 28px color-mix(in srgb, var(--theme-bg) 48%, transparent) !important;
  }
}

html[data-theme="paper-ledger"] body {
  background:
    radial-gradient(circle at 18% 0%, rgba(28, 143, 184, 0.14), transparent 34rem),
    radial-gradient(circle at 84% 4%, rgba(154, 107, 16, 0.13), transparent 30rem),
    linear-gradient(180deg, #fffaf0, #f1eadf 58%, #e8f0f3 120%) !important;
  color: var(--theme-text);
}

html[data-theme="paper-ledger"] .app-shell,
html[data-theme="paper-ledger"] #app-shell,
html[data-theme="paper-ledger"] #app-content {
  background: linear-gradient(180deg, #fffaf0, #f4ecdf 64%, #edf4f6) !important;
}

html[data-theme="paper-ledger"] .topbar,
html[data-theme="paper-ledger"] .app-header,
html[data-theme="paper-ledger"] #app-header,
html[data-theme="paper-ledger"] header[role="banner"] {
  background:
    radial-gradient(circle at 8% 0%, rgba(28, 143, 184, 0.12), transparent 18rem),
    linear-gradient(180deg, rgba(255, 253, 247, 0.96), rgba(242, 232, 216, 0.92)) !important;
  border-color: rgba(74, 95, 124, 0.22) !important;
  box-shadow: 0 14px 32px rgba(57, 65, 78, 0.12) !important;
}

html[data-theme="paper-ledger"] .app-tab,
html[data-theme="paper-ledger"] .nav-btn,
html[data-theme="paper-ledger"] .tab-button,
html[data-theme="paper-ledger"] #app-tabs .app-tab {
  color: #405064 !important;
  background: linear-gradient(180deg, #fffdf8, #eee3d0) !important;
  border-color: rgba(74, 95, 124, 0.22) !important;
}

html[data-theme="paper-ledger"] .app-tab.active,
html[data-theme="paper-ledger"] .nav-btn.active,
html[data-theme="paper-ledger"] .tab-button.active,
html[data-theme="paper-ledger"] #app-tabs .app-tab.active {
  color: #172033 !important;
  background: linear-gradient(135deg, rgba(28, 143, 184, 0.16), rgba(154, 107, 16, 0.14), #fffdf7) !important;
  border-color: rgba(154, 107, 16, 0.46) !important;
  box-shadow: 0 0 0 1px rgba(154, 107, 16, 0.18), 0 10px 28px rgba(57, 65, 78, 0.10) !important;
}

html[data-theme="paper-ledger"] input,
html[data-theme="paper-ledger"] select,
html[data-theme="paper-ledger"] textarea,
html[data-theme="paper-ledger"] button {
  color: var(--theme-text);
}

html[data-theme="paper-ledger"] .controls input,
html[data-theme="paper-ledger"] .controls select,
html[data-theme="paper-ledger"] .stage-select,
html[data-theme="paper-ledger"] #stageSelect,
html[data-theme="paper-ledger"] #hypothesisSelect,
html[data-theme="paper-ledger"] #bibleVersion,
html[data-theme="paper-ledger"] #search,
html[data-theme="paper-ledger"] .search-box,
html[data-theme="paper-ledger"] #evidence-viewer-pane #version,
html[data-theme="paper-ledger"] #evidence-viewer-pane #stage,
html[data-theme="paper-ledger"] #evidence-viewer-pane #hypfilter,
html[data-theme="paper-ledger"] #evidence-viewer-pane #collapse-btn {
  color: #172033 !important;
  background: linear-gradient(180deg, #fffdf8, #f2eadc) !important;
  border-color: rgba(15, 111, 149, 0.38) !important;
  box-shadow: 0 6px 18px rgba(57, 65, 78, 0.08) !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane {
  --map-item: #fffdf8;
  --map-item-hover: #eef8fb;
  --map-selected: #dff1f6;
  background:
    radial-gradient(circle at 74% 10%, rgba(28, 143, 184, 0.10), transparent 34rem),
    radial-gradient(circle at 10% 0%, rgba(154, 107, 16, 0.10), transparent 24rem),
    linear-gradient(180deg, #f8f1e7 0%, #f4eadc 52%, #edf3f5 100%) !important;
  color: #172033;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .header {
  background:
    radial-gradient(circle at 12% 0%, rgba(28, 143, 184, 0.12), transparent 20rem),
    linear-gradient(180deg, rgba(255, 253, 247, 0.94), rgba(239, 228, 210, 0.88)) !important;
  border-color: rgba(74, 95, 124, 0.22) !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .tree,
html[data-theme="paper-ledger"] #tree {
  background:
    linear-gradient(180deg, rgba(255, 253, 247, 0.92), rgba(241, 230, 210, 0.68)) !important;
  border-color: rgba(74, 95, 124, 0.20) !important;
  box-shadow: inset -1px 0 0 rgba(74, 95, 124, 0.10), 0 20px 54px rgba(57, 65, 78, 0.12) !important;
}

html[data-theme="paper-ledger"] #tree > .section,
html[data-theme="paper-ledger"] #tree .section {
  background: linear-gradient(180deg, #fffdf8, #f5ecdf) !important;
  border-color: rgba(74, 95, 124, 0.18) !important;
}

html[data-theme="paper-ledger"] #tree > .section.open {
  background:
    linear-gradient(90deg, rgba(28, 143, 184, 0.08), transparent 45%),
    linear-gradient(180deg, #fffdf8, #f2eadc) !important;
  border-color: rgba(15, 111, 149, 0.28) !important;
}

html[data-theme="paper-ledger"] #tree .section.sub {
  background: rgba(248, 241, 230, 0.88) !important;
  border-color: rgba(74, 95, 124, 0.15) !important;
}

html[data-theme="paper-ledger"] #tree .section.open:not(.sub) > .section-header {
  background: rgba(28, 143, 184, 0.07) !important;
}

html[data-theme="paper-ledger"] #tree .section-title,
html[data-theme="paper-ledger"] #tree .section:not(.sub) > .section-header .section-title,
html[data-theme="paper-ledger"] #tree .section.sub .section-title,
html[data-theme="paper-ledger"] #tree .item h4,
html[data-theme="paper-ledger"] #tree .item.selected h4 {
  color: #172033 !important;
}

html[data-theme="paper-ledger"] #tree .section-header .count,
html[data-theme="paper-ledger"] #tree .tree-ref-count {
  color: #64748b !important;
  background: rgba(255, 253, 247, 0.78) !important;
  border-color: rgba(74, 95, 124, 0.17) !important;
}

html[data-theme="paper-ledger"] #tree .section-control {
  color: #405064 !important;
  background: #fffdf8 !important;
  border-color: rgba(74, 95, 124, 0.22) !important;
}

html[data-theme="paper-ledger"] #tree .section.open > .section-header .section-control {
  color: #0f6f95 !important;
  background: rgba(28, 143, 184, 0.10) !important;
  border-color: rgba(15, 111, 149, 0.34) !important;
}

html[data-theme="paper-ledger"] #tree .item {
  background: #fffdf8 !important;
  border-color: rgba(74, 95, 124, 0.14) !important;
}

html[data-theme="paper-ledger"] #tree .item:hover {
  background: #eef8fb !important;
  border-color: rgba(15, 111, 149, 0.26) !important;
}

html[data-theme="paper-ledger"] #tree .item.selected {
  background:
    linear-gradient(90deg, rgba(28, 143, 184, 0.18), rgba(28, 143, 184, 0.08) 46%, rgba(255, 253, 247, 0.72)),
    #dff1f6 !important;
  border-color: rgba(15, 111, 149, 0.46) !important;
  box-shadow:
    inset 4px 0 0 #0f6f95,
    0 0 0 1px rgba(15, 111, 149, 0.12),
    0 10px 22px rgba(57, 65, 78, 0.11) !important;
}

html[data-theme="paper-ledger"] #tree .tree-status-pill,
html[data-theme="paper-ledger"] .detail-status-pill {
  color: #48576b !important;
  background: #f8f1e7 !important;
  border-color: rgba(74, 95, 124, 0.18) !important;
}

html[data-theme="paper-ledger"] #tree .tree-status-pill.scored,
html[data-theme="paper-ledger"] .detail-status-pill.scored,
html[data-theme="paper-ledger"] #tree .tree-status-pill.strong,
html[data-theme="paper-ledger"] .detail-status-pill.strong {
  color: #185b3d !important;
  background: rgba(36, 117, 78, 0.11) !important;
  border-color: rgba(36, 117, 78, 0.32) !important;
}

html[data-theme="paper-ledger"] #tree .tree-status-pill.pending,
html[data-theme="paper-ledger"] .detail-status-pill.pending,
html[data-theme="paper-ledger"] .detail-status-pill.subtle,
html[data-theme="paper-ledger"] #tree .tree-status-pill.context,
html[data-theme="paper-ledger"] .detail-status-pill.context,
html[data-theme="paper-ledger"] #tree .tree-status-pill.unweighted,
html[data-theme="paper-ledger"] .detail-status-pill.unweighted {
  color: #805715 !important;
  background: rgba(154, 107, 16, 0.10) !important;
  border-color: rgba(154, 107, 16, 0.28) !important;
}

html[data-theme="paper-ledger"] #tree .tree-status-pill.support,
html[data-theme="paper-ledger"] .detail-status-pill.support {
  color: #27556f !important;
  background: rgba(28, 143, 184, 0.10) !important;
  border-color: rgba(28, 143, 184, 0.26) !important;
}

html[data-theme="paper-ledger"] #detailpane,
html[data-theme="paper-ledger"] .detail,
html[data-theme="paper-ledger"] .detail-pane,
html[data-theme="paper-ledger"] .evidence-detail,
html[data-theme="paper-ledger"] .dossier-hero,
html[data-theme="paper-ledger"] .evidence-dossier-hero,
html[data-theme="paper-ledger"] .detail-section,
html[data-theme="paper-ledger"] .article-section,
html[data-theme="paper-ledger"] .detail-article-block {
  color: #172033 !important;
  background:
    radial-gradient(circle at 74% 0%, rgba(28, 143, 184, 0.10), transparent 32%),
    linear-gradient(180deg, rgba(255, 253, 247, 0.94), rgba(241, 230, 210, 0.74)) !important;
  border-color: rgba(74, 95, 124, 0.18) !important;
  box-shadow: 0 18px 46px rgba(57, 65, 78, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.62) !important;
}

html[data-theme="paper-ledger"] .detail-hero-card {
  background:
    radial-gradient(circle at 78% 10%, rgba(28, 143, 184, 0.14), transparent 36%),
    linear-gradient(145deg, #fffdf8, #f1e6d2 78%) !important;
  border-color: rgba(15, 111, 149, 0.30) !important;
  box-shadow: 0 18px 42px rgba(57, 65, 78, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.76) !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .detail .detail-hero-card h2,
html[data-theme="paper-ledger"] #evidence-viewer-pane #detailpane .detail-hero-card h2,
html[data-theme="paper-ledger"] #evidence-viewer-pane #detailScrollFix .detail-hero-card h2,
html[data-theme="paper-ledger"] #evidence-viewer-pane .detail .detail-dossier .detail-hero-card h2,
html[data-theme="paper-ledger"] .detail-evidence-card h3 {
  color: #172033 !important;
}

html[data-theme="paper-ledger"] .detail-kicker,
html[data-theme="paper-ledger"] #evidence-viewer-pane .detail .detail-section-heading {
  color: #0f6f95 !important;
}

html[data-theme="paper-ledger"] .detail-breadcrumb,
html[data-theme="paper-ledger"] .detail-thesis,
html[data-theme="paper-ledger"] #detailpane p,
html[data-theme="paper-ledger"] #detailpane li,
html[data-theme="paper-ledger"] .detail p,
html[data-theme="paper-ledger"] .detail li,
html[data-theme="paper-ledger"] #evidence-viewer-pane .detail .article {
  color: #48576b !important;
}

html[data-theme="paper-ledger"] .detail-id-chip,
html[data-theme="paper-ledger"] .detail-bf-chip,
html[data-theme="paper-ledger"] .detail-mini-card,
html[data-theme="paper-ledger"] .detail-evidence-card,
html[data-theme="paper-ledger"] #evidence-viewer-pane .detail .article .detail-article-block,
html[data-theme="paper-ledger"] #evidence-viewer-pane .detail .summary,
html[data-theme="paper-ledger"] .scripture-block {
  color: #48576b !important;
  background: linear-gradient(180deg, #fffdf8, #f6eee3) !important;
  border-color: rgba(74, 95, 124, 0.16) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

html[data-theme="paper-ledger"] .detail-id-chip code,
html[data-theme="paper-ledger"] .detail-bf-chip strong,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-id-chip code {
  color: #172033 !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-id-chip {
  color: #405064 !important;
  background: rgba(255, 253, 247, 0.86) !important;
  border-color: rgba(15, 111, 149, 0.24) !important;
}

html[data-theme="paper-ledger"] .scripture,
html[data-theme="paper-ledger"] .scripture-card {
  color: #172033 !important;
  background: #fff8e7 !important;
  border-color: rgba(154, 107, 16, 0.30) !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-intro-landing,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage-overview,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage2-coherence,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage7-return-panel {
  color: #172033 !important;
  border-color: rgba(74, 95, 124, 0.20) !important;
  background:
    linear-gradient(90deg, rgba(255, 253, 247, 0.96) 0%, rgba(255, 253, 247, 0.90) 48%, rgba(255, 253, 247, 0.76) 100%),
    radial-gradient(circle at 78% 16%, rgba(154, 107, 16, 0.12), transparent 30%),
    radial-gradient(circle at 18% 10%, rgba(28, 143, 184, 0.12), transparent 28%),
    url("../assets/evidence-viewer/evidence-viewer-fullwidth-background.png") center / cover no-repeat,
    #fffaf0 !important;
  box-shadow: 0 18px 48px rgba(57, 65, 78, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.74) !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-intro-landing::before,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage-overview::before,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage2-coherence::before {
  background:
    linear-gradient(rgba(15, 111, 149, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15, 111, 149, 0.035) 1px, transparent 1px) !important;
  opacity: 0.46 !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-intro-landing .intro-title h1,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-intro-landing .intro-title h2,
html[data-theme="paper-ledger"] #evidence-viewer-pane .detail .intro-title h1,
html[data-theme="paper-ledger"] #evidence-viewer-pane .detail .intro-title h2,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-section-heading h3,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage-overview h2,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage2-coherence h2,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage7-return-panel h2,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage-card h3,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-orientation-card h3,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-feature-grid strong,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-where-card span,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-intro-landing .card-title,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-intro-landing .stage7-coda-title {
  color: #172033 !important;
  text-shadow: none !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-intro-eyebrow,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-section-heading span,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage-kicker,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage2-kicker,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage7-return-kicker,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-logos-visual-copy span {
  color: #0f6f95 !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-intro-landing .subtitle2,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage-subtitle,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage2-subtitle,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage7-return-subtitle,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-intro-link,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-intro-landing .stage7-coda-kicker,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-intro-landing .stage7-coda blockquote,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-intro-landing .stage7-coda cite {
  color: #9a6b10 !important;
  text-shadow: none !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-intro-landing .logos-explain,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-feature-grid p,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-where-card p,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-intro-landing .card-desc,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-intro-landing .stage7-coda p,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage-summary,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage2-summary,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage7-return-summary,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage-card p {
  color: #48576b !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-intro-landing .john11 {
  color: #405064 !important;
  background: rgba(255, 248, 231, 0.84) !important;
  border-left-color: rgba(154, 107, 16, 0.58) !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-orientation-card,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-feature-grid article,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-where-card > div,
html[data-theme="paper-ledger"] #evidence-viewer-pane .intro-card,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage-card,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage7-return-card,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage7-return-callout,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-intro-landing .stage7-coda {
  color: #172033 !important;
  background: linear-gradient(180deg, rgba(255, 253, 247, 0.92), rgba(246, 238, 227, 0.82)) !important;
  border-color: rgba(74, 95, 124, 0.16) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-orientation-card ul,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-orientation-card li,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage7-return-card .passage,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage7-return-callout {
  color: #48576b !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-orientation-card strong,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage7-return-card .ref,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage7-return-callout strong {
  color: #172033 !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-trust-strip span,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-frameworks li,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage-chip,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage-card-tags span {
  color: #405064 !important;
  background: rgba(255, 253, 247, 0.80) !important;
  border-color: rgba(74, 95, 124, 0.16) !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-intro-btn-primary {
  color: #fffdf8 !important;
  background: linear-gradient(180deg, #1c8fb8, #0f6f95) !important;
  border-color: rgba(15, 111, 149, 0.46) !important;
  box-shadow: 0 14px 28px rgba(28, 143, 184, 0.20), inset 0 1px 0 rgba(255,255,255,0.22) !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-intro-btn-secondary {
  color: #172033 !important;
  background: linear-gradient(180deg, #fffdf8, #eee3d0) !important;
  border-color: rgba(74, 95, 124, 0.20) !important;
  box-shadow: 0 10px 24px rgba(57, 65, 78, 0.10), inset 0 1px 0 rgba(255,255,255,0.70) !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-intro-visual,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-logos-visual,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage-visual,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage7-return-art {
  background:
    radial-gradient(circle at 82% 18%, rgba(154, 107, 16, 0.16), transparent 24%),
    radial-gradient(circle at 20% 78%, rgba(28, 143, 184, 0.15), transparent 28%),
    linear-gradient(rgba(15, 111, 149, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15, 111, 149, 0.035) 1px, transparent 1px),
    linear-gradient(145deg, rgba(255, 253, 247, 0.92), rgba(241, 230, 210, 0.80)) !important;
  border-color: rgba(74, 95, 124, 0.18) !important;
  box-shadow: inset 0 0 42px rgba(255, 255, 255, 0.30), 0 18px 42px rgba(57, 65, 78, 0.10) !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-logos-visual::before,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-intro-visual::after,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage-visual::before,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage-visual::after,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage7-return-art::before,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage7-return-art::after {
  background:
    linear-gradient(90deg, rgba(255, 253, 247, 0.34), transparent 42%, rgba(255, 253, 247, 0.22)),
    linear-gradient(180deg, rgba(255, 253, 247, 0.18), transparent 38%, rgba(255, 253, 247, 0.34)) !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-logos-network-art,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage-visual img,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage7-return-art img {
  opacity: 0.58 !important;
  filter: saturate(0.82) contrast(0.96) brightness(1.08) !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-logos-visual-copy,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-path-node,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-evidence-chip,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage-visual-node {
  color: #172033 !important;
  background: rgba(255, 253, 247, 0.78) !important;
  border-color: rgba(74, 95, 124, 0.18) !important;
  box-shadow: 0 10px 28px rgba(57, 65, 78, 0.10), inset 0 1px 0 rgba(255,255,255,0.66) !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-logos-visual-copy strong {
  color: #172033 !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane #detailpane > .detail-intro h1,
html[data-theme="paper-ledger"] #evidence-viewer-pane #detailpane > .detail-intro h2,
html[data-theme="paper-ledger"] #evidence-viewer-pane #detailScrollFix > .detail-intro h1,
html[data-theme="paper-ledger"] #evidence-viewer-pane #detailScrollFix > .detail-intro h2 {
  color: #172033 !important;
  text-shadow: none !important;
}

@media (max-width: 700px) {
  html[data-theme="paper-ledger"] #evidence-viewer-pane:not(.mobile-detail-active) .container::before {
    color: #48576b !important;
    background: rgba(255, 253, 247, 0.86) !important;
    border-color: rgba(74, 95, 124, 0.18) !important;
  }

  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-info-inner {
    color: #172033;
    background:
      radial-gradient(circle at 96% 0%, rgba(154, 107, 16, 0.12), transparent 34%),
      linear-gradient(180deg, rgba(255, 253, 247, 0.95), rgba(241, 230, 210, 0.80)) !important;
    border-color: rgba(74, 95, 124, 0.18) !important;
  }

  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-info h2,
  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-mini-card strong,
  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-journey-item strong,
  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-note strong,
  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-extra h3 {
    color: #172033 !important;
  }

  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-info-label,
  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-extra-label,
  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-scripture span {
    color: #0f6f95 !important;
  }

  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-subtitle,
  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-purpose strong,
  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-badge,
  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-journey-item span {
    color: #9a6b10 !important;
  }

  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-scripture p,
  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-info-copy > p:not(.mobile-stage-info-label):not(.mobile-stage-badge),
  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-mini-card p,
  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-journey-item p,
  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-note p {
    color: #48576b !important;
  }

  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-info-chip,
  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-frameworks span,
  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-mini-card,
  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-journey-item,
  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-note {
    color: #48576b !important;
    background: rgba(255, 253, 247, 0.78) !important;
    border-color: rgba(74, 95, 124, 0.16) !important;
  }

  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-info-art {
    background:
      radial-gradient(circle at 50% 40%, rgba(28, 143, 184, 0.13), transparent 42%),
      #f1e6d2 !important;
    border-color: rgba(154, 107, 16, 0.18) !important;
  }

  html[data-theme="paper-ledger"] .mobile-detail-back {
    color: #172033 !important;
    background: rgba(255, 253, 247, 0.94) !important;
    border-color: rgba(15, 111, 149, 0.34) !important;
    box-shadow: 0 10px 26px rgba(57, 65, 78, 0.12) !important;
  }
}

@media (max-width: 760px) {
  html[data-theme] .controls input,
  html[data-theme] .controls select {
    min-height: 44px;
  }
}