html[data-theme="parchment"] {
  color-scheme: light;
}

[data-theme-toggle] {
  position: relative;
}

.header-actions {
  position: relative;
}

.scribe-theme-menu {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 10020;
  min-width: 210px;
  padding: 8px;
  color: #f8f1df;
  background: rgba(8, 14, 24, 0.96);
  border: 1px solid rgba(242, 203, 123, 0.26);
  border-radius: 8px;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.36);
}

.scribe-theme-menu[hidden] {
  display: none;
}

.scribe-theme-menu button {
  width: 100%;
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 10px;
  color: inherit;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 6px;
  text-align: left;
  cursor: pointer;
}

.scribe-theme-menu button:hover,
.scribe-theme-menu button.active {
  background: rgba(242, 203, 123, 0.12);
  border-color: rgba(242, 203, 123, 0.28);
}

.scribe-theme-menu span {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  border-radius: 50%;
  background: var(--swatch);
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.26);
}

.scribe-theme-menu b {
  font-size: 13px;
  letter-spacing: 0;
}

html[data-theme="midnight"] {
  --theme-bg:
    radial-gradient(circle at 50% 120%, rgba(0, 198, 255, 0.12), transparent 34%),
    radial-gradient(circle at top left, rgba(30, 112, 255, 0.22), transparent 28%),
    radial-gradient(circle at 82% 10%, rgba(0, 255, 193, 0.08), transparent 20%),
    linear-gradient(180deg, #071126 0%, #101a2d 72%, #071126 100%);
  --theme-header:
    radial-gradient(circle at 18% 0%, rgba(47, 183, 255, 0.20), transparent 34%),
    linear-gradient(90deg, #071126 0%, #0d2441 58%, #081425 100%);
  --theme-panel: rgba(13, 28, 50, 0.94);
  --theme-panel-soft: rgba(255, 255, 255, 0.07);
  --theme-accent: #2fb7ff;
  --theme-accent-2: #2ef2a3;
  --theme-button-text: #071126;
}

html[data-theme="cathedral"] {
  --theme-bg:
    radial-gradient(circle at 18% 0%, rgba(213, 161, 83, 0.18), transparent 30rem),
    radial-gradient(circle at 82% 8%, rgba(141, 79, 122, 0.24), transparent 26rem),
    linear-gradient(180deg, #211225 0%, #2f1b32 68%, #170d1c 100%);
  --theme-header:
    radial-gradient(circle at 18% 0%, rgba(213, 161, 83, 0.22), transparent 34%),
    linear-gradient(90deg, #1b1020 0%, #351d37 60%, #130b17 100%);
  --theme-panel: rgba(47, 31, 51, 0.94);
  --theme-panel-soft: rgba(255, 244, 220, 0.07);
  --theme-accent: #d5a153;
  --theme-accent-2: #d88aaa;
  --theme-button-text: #25130c;
}

html[data-theme="olive"] {
  --theme-bg:
    radial-gradient(circle at 15% 0%, rgba(213, 161, 83, 0.18), transparent 28rem),
    radial-gradient(circle at 86% 12%, rgba(143, 174, 98, 0.24), transparent 28rem),
    linear-gradient(180deg, #172015 0%, #24301f 72%, #121a11 100%);
  --theme-header:
    radial-gradient(circle at 18% 0%, rgba(143, 174, 98, 0.24), transparent 34%),
    linear-gradient(90deg, #131b12 0%, #2a351f 58%, #10160e 100%);
  --theme-panel: rgba(31, 42, 27, 0.94);
  --theme-panel-soft: rgba(255, 250, 236, 0.07);
  --theme-accent: #d5a153;
  --theme-accent-2: #9fc36b;
  --theme-button-text: #151d11;
}

html[data-theme]:not([data-theme="parchment"]) {
  color-scheme: dark;
  --ink: #f4ecd9;
  --navy: #101820;
  --navy-2: #1a2633;
  --gold: #d5a153;
  --gold-2: #f2cb7b;
  --paper: var(--theme-panel);
  --paper-2: color-mix(in srgb, var(--theme-panel) 86%, white 14%);
  --line: rgba(242, 203, 123, 0.20);
  --muted: #b8c2d3;
  --shadow: 0 18px 48px rgba(0, 0, 0, 0.42);
}

html[data-theme]:not([data-theme="parchment"]) body {
  color: var(--ink);
  background: var(--theme-bg) !important;
}

html[data-theme]:not([data-theme="parchment"]) .site-header,
html[data-theme]:not([data-theme="parchment"]) .religions-header,
html[data-theme]:not([data-theme="parchment"]) .library-header,
html[data-theme]:not([data-theme="parchment"]) .publisher-header,
html[data-theme]:not([data-theme="parchment"]) .graph-header {
  color: #fff8ec;
  background: var(--theme-header) !important;
  border-bottom-color: rgba(242, 203, 123, 0.28);
}

html[data-theme]:not([data-theme="parchment"]) .icon-button[data-theme-toggle] {
  color: var(--theme-button-text);
  background: linear-gradient(180deg, var(--theme-accent-2), var(--theme-accent));
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

html[data-theme]:not([data-theme="parchment"]) .hero,
html[data-theme]:not([data-theme="parchment"]) .religions-hero,
html[data-theme]:not([data-theme="parchment"]) .tradition-hero,
html[data-theme]:not([data-theme="parchment"]) .graph-hero {
  color: #fff8ec;
}

html[data-theme]:not([data-theme="parchment"]) .quote-card,
html[data-theme]:not([data-theme="parchment"]) .proof-points div,
html[data-theme]:not([data-theme="parchment"]) .topic-card,
html[data-theme]:not([data-theme="parchment"]) .tools-panel,
html[data-theme]:not([data-theme="parchment"]) .study-panel,
html[data-theme]:not([data-theme="parchment"]) .verse-card,
html[data-theme]:not([data-theme="parchment"]) .evidence-stack div,
html[data-theme]:not([data-theme="parchment"]) .album-player,
html[data-theme]:not([data-theme="parchment"]) .project-panel,
html[data-theme]:not([data-theme="parchment"]) .document-preview,
html[data-theme]:not([data-theme="parchment"]) .engine-card,
html[data-theme]:not([data-theme="parchment"]) .workflow article,
html[data-theme]:not([data-theme="parchment"]) .status-card,
html[data-theme]:not([data-theme="parchment"]) .doc-section,
html[data-theme]:not([data-theme="parchment"]) .claim-card,
html[data-theme]:not([data-theme="parchment"]) .source-card,
html[data-theme]:not([data-theme="parchment"]) .lesson-card,
html[data-theme]:not([data-theme="parchment"]) .source-ingest,
html[data-theme]:not([data-theme="parchment"]) .research-card,
html[data-theme]:not([data-theme="parchment"]) .paper-section,
html[data-theme]:not([data-theme="parchment"]) .paper-hero,
html[data-theme]:not([data-theme="parchment"]) .toc,
html[data-theme]:not([data-theme="parchment"]) .belief-card,
html[data-theme]:not([data-theme="parchment"]) .tradition-card,
html[data-theme]:not([data-theme="parchment"]) .tradition-section,
html[data-theme]:not([data-theme="parchment"]) .identity-panel,
html[data-theme]:not([data-theme="parchment"]) .question-stack article,
html[data-theme]:not([data-theme="parchment"]) .timeline-section,
html[data-theme]:not([data-theme="parchment"]) .authority-section,
html[data-theme]:not([data-theme="parchment"]) .teaching-section,
html[data-theme]:not([data-theme="parchment"]) .council-section,
html[data-theme]:not([data-theme="parchment"]) .reader-questions,
html[data-theme]:not([data-theme="parchment"]) .source-library,
html[data-theme]:not([data-theme="parchment"]) .histories-section,
html[data-theme]:not([data-theme="parchment"]) .history-card,
html[data-theme]:not([data-theme="parchment"]) .scribe-section,
html[data-theme]:not([data-theme="parchment"]) .history-timeline li,
html[data-theme]:not([data-theme="parchment"]) .wide-timeline li,
html[data-theme]:not([data-theme="parchment"]) .authority-grid article,
html[data-theme]:not([data-theme="parchment"]) .teaching-grid article,
html[data-theme]:not([data-theme="parchment"]) .source-grid article,
html[data-theme]:not([data-theme="parchment"]) .question-grid button,
html[data-theme]:not([data-theme="parchment"]) .period-grid div,
html[data-theme]:not([data-theme="parchment"]) .callout-card,
html[data-theme]:not([data-theme="parchment"]) .question-card,
html[data-theme]:not([data-theme="parchment"]) .source-panel,
html[data-theme]:not([data-theme="parchment"]) .timeline-band,
html[data-theme]:not([data-theme="parchment"]) .graph-status,
html[data-theme]:not([data-theme="parchment"]) .timeline-panel,
html[data-theme]:not([data-theme="parchment"]) .map-panel,
html[data-theme]:not([data-theme="parchment"]) .entity-panel,
html[data-theme]:not([data-theme="parchment"]) .profile-panel,
html[data-theme]:not([data-theme="parchment"]) .workspace article,
html[data-theme]:not([data-theme="parchment"]) .auth-card,
html[data-theme]:not([data-theme="parchment"]) .search-shell,
html[data-theme]:not([data-theme="parchment"]) .suggestions,
html[data-theme]:not([data-theme="parchment"]) .stat-row div,
html[data-theme]:not([data-theme="parchment"]) .workspace,
html[data-theme]:not([data-theme="parchment"]) .empty-state,
html[data-theme]:not([data-theme="parchment"]) .featured-exhibit,
html[data-theme]:not([data-theme="parchment"]) .corpus-snapshot,
html[data-theme]:not([data-theme="parchment"]) .guide-panel,
html[data-theme]:not([data-theme="parchment"]) .filters,
html[data-theme]:not([data-theme="parchment"]) .timeline-summary,
html[data-theme]:not([data-theme="parchment"]) .timeline-content,
html[data-theme]:not([data-theme="parchment"]) .map-toolbar,
html[data-theme]:not([data-theme="parchment"]) .map-story,
html[data-theme]:not([data-theme="parchment"]) .map-summary,
html[data-theme]:not([data-theme="parchment"]) .route-notes,
html[data-theme]:not([data-theme="parchment"]) .sources-toolbar,
html[data-theme]:not([data-theme="parchment"]) .source-search-shell,
html[data-theme]:not([data-theme="parchment"]) .people-toolbar,
html[data-theme]:not([data-theme="parchment"]) .people-search-shell,
html[data-theme]:not([data-theme="parchment"]) .library-panel,
html[data-theme]:not([data-theme="parchment"]) .library-search-shell,
html[data-theme]:not([data-theme="parchment"]) .exhibit-view,
html[data-theme]:not([data-theme="parchment"]) .exhibit-selector button,
html[data-theme]:not([data-theme="parchment"]) .exhibit-hero,
html[data-theme]:not([data-theme="parchment"]) .exhibit-editorial-note,
html[data-theme]:not([data-theme="parchment"]) .exhibit-ledger,
html[data-theme]:not([data-theme="parchment"]) .evidence-key div,
html[data-theme]:not([data-theme="parchment"]) .exhibit-interpretations,
html[data-theme]:not([data-theme="parchment"]) .exhibit-correction,
html[data-theme]:not([data-theme="parchment"]) .bio-modal-content,
html[data-theme]:not([data-theme="parchment"]) .reader-modal {
  color: var(--ink);
  background: var(--theme-panel) !important;
  border-color: var(--line) !important;
  box-shadow: var(--shadow);
}

html[data-theme]:not([data-theme="parchment"]) .topic-card small,
html[data-theme]:not([data-theme="parchment"]) .tool-item p,
html[data-theme]:not([data-theme="parchment"]) .quote-card p,
html[data-theme]:not([data-theme="parchment"]) .engine-card p,
html[data-theme]:not([data-theme="parchment"]) .workflow p,
html[data-theme]:not([data-theme="parchment"]) .note,
html[data-theme]:not([data-theme="parchment"]) .doc-section p,
html[data-theme]:not([data-theme="parchment"]) .research-card p,
html[data-theme]:not([data-theme="parchment"]) .paper-section p,
html[data-theme]:not([data-theme="parchment"]) .tradition-section p,
html[data-theme]:not([data-theme="parchment"]) .belief-card p,
html[data-theme]:not([data-theme="parchment"]) .question-card p,
html[data-theme]:not([data-theme="parchment"]) .entity-card p,
html[data-theme]:not([data-theme="parchment"]) #libraryMeta,
html[data-theme]:not([data-theme="parchment"]) .hero-copy,
html[data-theme]:not([data-theme="parchment"]) .section-subtitle,
html[data-theme]:not([data-theme="parchment"]) .filter-note,
html[data-theme]:not([data-theme="parchment"]) .story-intro,
html[data-theme]:not([data-theme="parchment"]) .featured-exhibit-copy small,
html[data-theme]:not([data-theme="parchment"]) .snapshot-copy p,
html[data-theme]:not([data-theme="parchment"]) .exhibit-section-head span,
html[data-theme]:not([data-theme="parchment"]) .exhibit-series,
html[data-theme]:not([data-theme="parchment"]) .reader-body {
  color: var(--muted) !important;
}

html[data-theme]:not([data-theme="parchment"]) input,
html[data-theme]:not([data-theme="parchment"]) select,
html[data-theme]:not([data-theme="parchment"]) textarea {
  color: var(--ink);
  background: rgba(4, 9, 18, 0.86) !important;
  border-color: rgba(242, 203, 123, 0.24) !important;
}

html[data-theme]:not([data-theme="parchment"]) input::placeholder,
html[data-theme]:not([data-theme="parchment"]) textarea::placeholder {
  color: rgba(244, 236, 217, 0.58);
}

html[data-theme]:not([data-theme="parchment"]) .button.ghost,
html[data-theme]:not([data-theme="parchment"]) .button.outline,
html[data-theme]:not([data-theme="parchment"]) button.secondary,
html[data-theme]:not([data-theme="parchment"]) .section-link,
html[data-theme]:not([data-theme="parchment"]) .inline-action,
html[data-theme]:not([data-theme="parchment"]) .research-actions a,
html[data-theme]:not([data-theme="parchment"]) .verse-card button {
  color: #fff8ec !important;
  background: color-mix(in srgb, var(--theme-accent) 16%, transparent) !important;
  border-color: rgba(242, 203, 123, 0.34) !important;
}

html[data-theme]:not([data-theme="parchment"]) .translation-tabs span,
html[data-theme]:not([data-theme="parchment"]) .study-tabs button,
html[data-theme]:not([data-theme="parchment"]) .album-track,
html[data-theme]:not([data-theme="parchment"]) .periodChips button,
html[data-theme]:not([data-theme="parchment"]) .entity-card,
html[data-theme]:not([data-theme="parchment"]) .media-choice {
  color: var(--ink);
  background: var(--theme-panel-soft) !important;
  border-color: rgba(242, 203, 123, 0.18) !important;
}

html[data-theme]:not([data-theme="parchment"]) .nav-link,
html[data-theme]:not([data-theme="parchment"]) .suggestions button,
html[data-theme]:not([data-theme="parchment"]) .view-switcher button,
html[data-theme]:not([data-theme="parchment"]) .people-tabs button,
html[data-theme]:not([data-theme="parchment"]) .apply-filters,
html[data-theme]:not([data-theme="parchment"]) .load-more,
html[data-theme]:not([data-theme="parchment"]) .map-reset,
html[data-theme]:not([data-theme="parchment"]) .sources-exhibit-callout,
html[data-theme]:not([data-theme="parchment"]) .reader-tools button,
html[data-theme]:not([data-theme="parchment"]) .reader-tools a,
html[data-theme]:not([data-theme="parchment"]) .reader-more {
  color: #fff8ec !important;
  background: color-mix(in srgb, var(--theme-accent) 16%, transparent) !important;
  border-color: rgba(242, 203, 123, 0.28) !important;
}

html[data-theme]:not([data-theme="parchment"]) .translation-tabs .selected,
html[data-theme]:not([data-theme="parchment"]) .study-tabs .selected,
html[data-theme]:not([data-theme="parchment"]) .album-track.active,
html[data-theme]:not([data-theme="parchment"]) .album-track:hover {
  color: #201506;
  background: linear-gradient(180deg, var(--theme-accent-2), var(--theme-accent)) !important;
}

html[data-theme]:not([data-theme="parchment"]) footer,
html[data-theme]:not([data-theme="parchment"]) .religions-footer {
  color: #fff8ec;
  background: color-mix(in srgb, var(--theme-panel) 72%, black 28%) !important;
  border-top-color: rgba(242, 203, 123, 0.22);
}

html[data-theme]:not([data-theme="parchment"]) img {
  filter: brightness(0.92);
}