/* Claude's Green Dark palette, isolated from the unapproved redesign.
 * Screen paint only: no layout, typography, visibility, animation or print changes.
 * Keep source-book artwork, category colors and action meanings intact.
 */
@media screen {
  html[data-theme="dark"] {
    color-scheme: dark;
    --canvas: #08130f;
    --canvas-deep: #050d0a;
    --surface: #10251e;
    --surface-2: #142d25;
    --surface-3: #1a372e;
    --text: #efe7d6;
    --text-2: #b4c2bb;
    --text-3: #86968f;
    --border: #274a3e;
    --border-strong: #35604f;
    --accent: #2f8b72;
    --accent-hover: #3a9b80;
    --accent-soft: #163a30;
    --accent-text: #f7fbf7;
    --gold-accent: #d4ad5c;
    --gold-soft: #3b3117;
    --gold-text: #e9cd8a;
    --danger: #e08a84;
    --danger-soft: #3b1e1c;
    --success: #6fc4a5;
    --focus: #e1b452;
    --paper: var(--canvas);
    --paper-deep: var(--canvas-deep);
    --card: var(--surface);
    --ink: var(--text);
    --ink-soft: var(--text-2);
    --line: var(--border);
    --teal: var(--accent);
    --teal-bright: var(--accent-hover);
    --teal-pale: var(--accent-soft);
    --gold: var(--gold-accent);
    --gold-pale: var(--gold-soft);
    --wine: #d38a86;
    --plum: #c59ac4;
    --blue: #8fb1cf;
  }

  /* Repeat the existing mode selectors so their light-room tokens cannot win. */
  html[data-theme="dark"] body.design-vnext,
  html[data-theme="dark"] body.design-vnext:not(.progress-mode-active).learn-mode-active:not(.chavruta-mode-active),
  html[data-theme="dark"] body.design-vnext:not(.progress-mode-active).deck-mode-active,
  html[data-theme="dark"] body.design-vnext:not(.progress-mode-active):has(#modeHero[data-mode="quiz"]),
  html[data-theme="dark"] body.design-vnext:not(.progress-mode-active).chavruta-mode-active,
  html[data-theme="dark"] body.design-vnext:not(.progress-mode-active):has(#modeHero[data-mode="print"]) {
    --vnext-brand: var(--accent);
    --vnext-gold: var(--gold-accent);
    --vnext-gold-bright: var(--focus);
    --vnext-paper: var(--surface);
    --vnext-cream: var(--surface-2);
    --vnext-ink: var(--text);
    --vnext-muted: var(--text-2);
    --vnext-line: var(--border);
    --vnext-accent: var(--accent);
    --vnext-canvas: var(--canvas);
    --vnext-canvas-deep: var(--canvas-deep);
    --vnext-surface: var(--surface);
    --vnext-surface-deep: var(--surface-2);
    --vnext-focus: var(--focus);
    color: var(--text);
    background: radial-gradient(circle at 17% 8%, rgba(47, 125, 111, .14), transparent 27rem),
      linear-gradient(135deg, var(--canvas), var(--canvas-deep));
  }

  html[data-theme="dark"] body.design-vnext :is(h1, h2, h3, h4) { color: var(--text); }
  html[data-theme="dark"] body.design-vnext .eyebrow { color: var(--gold-text); }
  html[data-theme="dark"] body.design-vnext :is(.site-footer, .site-footer .text-button) { color: var(--text-2); }

  /* Header and mode rail retain exactly their current dimensions and contents. */
  html[data-theme="dark"] body.design-vnext :is(.topbar, .mode-switcher) {
    color: var(--text);
    border-color: var(--border);
    background: color-mix(in srgb, var(--surface) 92%, transparent);
  }
  html[data-theme="dark"] body.design-vnext .topbar .brand-wordmark strong { color: var(--text); }
  html[data-theme="dark"] body.design-vnext .topbar .brand-wordmark small { color: var(--gold-accent); }
  html[data-theme="dark"] body.design-vnext .topbar :is(.account-button, #helpButton, .theme-picker, .personal-library-shortcuts) {
    color: var(--text);
    border-color: var(--border);
    background: var(--surface);
  }
  html[data-theme="dark"] body.design-vnext .topbar :is(.personal-library-shortcuts, .theme-picker) button { color: var(--text); }
  html[data-theme="dark"] body.design-vnext .topbar .personal-library-shortcuts button span {
    color: var(--text-2);
    border-color: var(--border);
    background: var(--surface-2);
  }
  html[data-theme="dark"] body.design-vnext .topbar .theme-picker button[aria-pressed="true"] {
    color: #14231e;
    background: var(--gold-accent);
  }
  html[data-theme="dark"] body.design-vnext .mode-button:not(.active) {
    color: var(--text-2);
    border-color: var(--border);
    background: var(--surface);
  }
  html[data-theme="dark"] body.design-vnext .mode-button:not(.active):hover {
    color: var(--text);
    border-color: var(--border-strong);
    background: var(--surface-2);
  }
  html[data-theme="dark"] body.design-vnext .mode-button.active {
    color: var(--accent-text);
    border-color: var(--accent);
    background: var(--accent);
  }
  html[data-theme="dark"] body.design-vnext .mode-button .mode-icon {
    color: var(--text-2);
    border-color: var(--border-strong);
    background: var(--surface);
  }
  html[data-theme="dark"] body.design-vnext .mode-button.active .mode-icon {
    color: #ffe4a0;
    border-color: rgba(255, 255, 255, .35);
    background: rgba(255, 255, 255, .08);
  }

  /* Replace cream card fills, not their grids, borders, spacing or shadows. */
  html[data-theme="dark"] body.design-vnext :is(.learn-library, .mode-daf-library, .quiz-panel,
    .mode-my-decks, .mode-selected-deck, .mode-premade-decks, .mode-chavruta-shelf,
    .mode-chavruta-pages, .panel) {
    color: var(--text);
    border-color: var(--border);
    background: radial-gradient(circle at 95% 0, color-mix(in srgb, var(--gold-accent) 10%, transparent), transparent 22rem), var(--surface);
  }
  html[data-theme="dark"] body.design-vnext:not(.progress-mode-active) :is(.learn-library, .mode-daf-library, .quiz-panel) {
    border-color: var(--border);
    background: radial-gradient(circle at 95% 0, color-mix(in srgb, var(--gold-accent) 10%, transparent), transparent 22rem), var(--surface);
  }
  html[data-theme="dark"] body.design-vnext:not(.progress-mode-active) .my-pages-library {
    border-color: var(--border);
    background: var(--surface-2);
  }
  html[data-theme="dark"] body.design-vnext :is(.my-pages-library, .trial-banner, .quiz-progress-tracker) {
    color: var(--text);
    border-color: var(--border);
    background: var(--surface-2);
  }
  html[data-theme="dark"] body.design-vnext :is(.mode-deck-card, .mode-deck-card-add, .quiz-direction-choice,
    .learn-saved-page, .chavruta-person-card, .chavruta-hub-card, .mode-chavruta-hub-button,
    .deck-card-popover, .progress-word-group, .progress-totals > div,
    .quiz-progress-tracker > div:not(.progress-tracker-heading)) {
    color: var(--text);
    border-color: var(--border);
    background: var(--surface-2);
  }
  html[data-theme="dark"] body.design-vnext :is(.mode-deck-card, .learn-saved-page, .quiz-direction-choice,
    .chavruta-person-card, .chavruta-hub-card) :is(strong, h3, h4, b) { color: var(--text); }
  html[data-theme="dark"] body.design-vnext :is(.mode-deck-card, .learn-saved-page, .quiz-direction-choice,
    .chavruta-person-card, .chavruta-hub-card, .quiz-progress-tracker) :is(small, p) { color: var(--text-2); }
  html[data-theme="dark"] body.design-vnext :is(.mode-deck-card, .mode-chavruta-hub-button):hover {
    border-color: var(--border-strong);
    background-color: var(--surface-3);
  }
  html[data-theme="dark"] body.design-vnext .quiz-direction-choice:has(input:checked) {
    border-color: var(--accent);
    background: var(--accent-soft);
  }
  html[data-theme="dark"] body.design-vnext .learn-saved-pages-empty {
    color: var(--text-2);
    border-color: var(--border-strong);
    background: var(--surface) !important;
  }

  /* Neutral controls; semantic green/red/gold action colors stay distinct. */
  html[data-theme="dark"] body.design-vnext .secondary-button {
    color: var(--text);
    border-color: var(--border-strong);
    background: var(--surface);
  }
  html[data-theme="dark"] body.design-vnext .secondary-button:hover {
    border-color: var(--text-3);
    background: var(--surface-2);
  }
  html[data-theme="dark"] body.design-vnext .text-button { color: var(--success); }
  html[data-theme="dark"] body.design-vnext :is(.text-button.danger, .form-error) { color: var(--danger); }
  html[data-theme="dark"] body.design-vnext :is(input, select, textarea) {
    color: var(--text);
    border-color: var(--border-strong);
    background: var(--surface-2);
  }
  html[data-theme="dark"] body.design-vnext :is(input, textarea)::placeholder { color: var(--text-3); }
  html[data-theme="dark"] body.design-vnext select option { color: var(--text); background: var(--surface-2); }
  html[data-theme="dark"] body.design-vnext kbd { color: var(--text-2); background: var(--surface-2); border-color: var(--border); }

  /* The production learning banner keeps all six cards and the gesture demo. */
  html[data-theme="dark"] body.design-vnext .learn-workspace-banner :is(.learn-banner-location,
    .learn-banner-drag, .learn-banner-legend, .learn-banner-generic-palette,
    .learn-banner-view-controls, .learn-banner-actions) {
    color: var(--text);
    border-color: var(--border);
    background: var(--surface);
  }
  html[data-theme="dark"] body.design-vnext .learn-workspace-banner .learn-banner-drag > strong,
  html[data-theme="dark"] body.design-vnext #learnStudyHint > strong,
  html[data-theme="dark"] body.design-vnext #learnCoachTitle,
  html[data-theme="dark"] body.design-vnext #learnNotebookEmpty > span:last-child {
    /* Defeat the legacy !important color using undefined --teal-dark. */
    color: var(--text-2) !important;
  }
  html[data-theme="dark"] body.design-vnext :is(.learn-study-hint, .learn-coach, .learn-notebook-empty) {
    color: var(--text-2);
    border-color: var(--border);
    background: var(--surface);
  }
  html[data-theme="dark"] body.design-vnext .learn-banner-method-heading strong,
  html[data-theme="dark"] body.design-vnext .learn-selection-meaning-heading,
  html[data-theme="dark"] body.design-vnext .learn-banner-generic-palette > strong { color: var(--text); }
  html[data-theme="dark"] body.design-vnext .learn-banner-method-heading small,
  html[data-theme="dark"] body.design-vnext .learn-banner-selectors label > span,
  html[data-theme="dark"] body.design-vnext .learn-banner-save-status,
  html[data-theme="dark"] body.design-vnext #learnBannerTanakhMeta { color: var(--text-2); }
  html[data-theme="dark"] body.design-vnext .learn-banner-eyebrow { color: var(--gold-text) !important; }
  html[data-theme="dark"] body.design-vnext .learn-gesture-demo .drag-word-demo {
    --card: #fffdf8;
    color: #182d2b;
  }
  html[data-theme="dark"] body.design-vnext :is(.learn-banner-legend-chips, .learn-legend-chips) > span,
  html[data-theme="dark"] body.design-vnext .learn-color-option { color: #182d2b; }
  html[data-theme="dark"] body.design-vnext :is(.learn-scheme-button, .generic-color-add, .learn-generic-color-add) {
    color: var(--text-2);
    border-color: var(--border-strong);
    background: var(--surface-2);
  }
  html[data-theme="dark"] body.design-vnext .learn-banner-sequence-navigation button {
    color: var(--text);
    border-color: var(--border);
    background: var(--surface-2);
  }
  html[data-theme="dark"] body.design-vnext .learn-banner-sequence-navigation button:not(:disabled):hover {
    color: var(--accent-text);
    background: var(--accent);
  }
  html[data-theme="dark"] body.design-vnext .learn-banner-sequence-navigation button:disabled { color: var(--text-3); }
  html[data-theme="dark"] body.design-vnext .review-view-button {
    color: var(--text);
    border-color: var(--border-strong);
    background: var(--surface-2);
  }
  html[data-theme="dark"] body.design-vnext .review-view-button.is-selected,
  html[data-theme="dark"] body.design-vnext .review-view-button[aria-pressed="true"] {
    color: var(--accent-text);
    border-color: var(--accent);
    background: var(--accent-soft);
  }

  /* Hebrew source and notebooks use cream ink. Scanned pages are not inverted. */
  html[data-theme="dark"] body.design-vnext :is(.preview-list, .preview-list details, .source-text,
    .deck-panel, #learnPanel.learn-panel) {
    color: var(--text);
    border-color: var(--border);
    background: var(--surface);
  }
  html[data-theme="dark"] body.design-vnext :is(.preview-list summary, .learn-page-label, .learn-vocabulary) {
    color: var(--text);
    border-color: var(--border);
    background: var(--surface-2);
  }
  html[data-theme="dark"] body.design-vnext :is(.learn-vocabulary-form, .learn-vocabulary-row) {
    color: var(--text);
    border-color: var(--border);
    background: var(--surface-2);
  }
  html[data-theme="dark"] body.design-vnext .source-token.is-commentary-catchword:not(.is-learn-highlight) {
    color: var(--text);
    background: var(--surface-3);
  }
  html[data-theme="dark"] body.design-vnext .preview-list summary strong { color: var(--text); }
  html[data-theme="dark"] body.design-vnext .preview-list summary small { color: var(--text-2); }
  html[data-theme="dark"] body.design-vnext :is(.learn-source-toggle, .learn-text-size-controls) {
    color: var(--text-2);
    border-color: var(--border-strong);
    background: var(--surface) !important;
  }
  html[data-theme="dark"] body.design-vnext .learn-source-summary-controls .learn-source-toggle[aria-pressed="true"] {
    color: #10251e;
    background: var(--gold-accent) !important;
    border-color: var(--gold-accent);
  }
  html[data-theme="dark"] body.design-vnext .learn-text-size-controls button { color: var(--text-2); background: transparent; }
  html[data-theme="dark"] body.design-vnext .learn-text-verse-marker {
    color: var(--text-2);
    border-color: var(--border-strong);
    background: var(--surface-3);
  }
  html[data-theme="dark"] body.design-vnext :is(.learn-text-aliyah-marker, #learnVocabularyCount) {
    color: var(--gold-text);
    background: var(--gold-soft);
  }
  html[data-theme="dark"] body.design-vnext :is(.source-token-interlinear, .learn-vocabulary-empty) { color: var(--text-2); }
  html[data-theme="dark"] body.design-vnext :is(.learn-selection-toolbar, .learn-tanakh-color-bubble) {
    border-color: var(--border-strong);
    background: var(--surface-2);
  }
  /* Tool circles, category labels and highlighted words retain their own colors. */
  html[data-theme="dark"] body.design-vnext .learn-selection-toolbar > button > span {
    color: var(--text);
    border-color: var(--border);
    background: var(--surface-2);
  }

  /* Dialogs must not retain the older forced cream fills. */
  html[data-theme="dark"] body.design-vnext dialog { color: var(--text); }
  html[data-theme="dark"] body.design-vnext dialog::backdrop { background: rgba(8, 19, 15, .55); }
  html[data-theme="dark"] body.design-vnext :is(.dialog-card, .learn-selection-editor,
    .learn-print-dialog, .learn-scheme-dialog, .learn-generic-color-dialog) {
    color: var(--text);
    border-color: var(--border);
    background: var(--surface);
  }
  html[data-theme="dark"] body.design-vnext :is(.learn-scheme-row, .learn-generic-color-choice,
    .learn-generic-color-row, .learn-selected-text, .mode-guide-card, .mode-guide-card-print,
    .learn-selection-meaning, .learn-print-switch, .learn-print-choice-group,
    .learn-print-source-option, .learn-print-script-choice, .learn-print-segmented span) {
    color: var(--text);
    border-color: var(--border);
    background: var(--surface-2);
  }
  html[data-theme="dark"] body.design-vnext .learn-print-source-option.is-selected {
    border-color: var(--accent);
    background: var(--accent-soft);
  }
  html[data-theme="dark"] body.design-vnext .learn-print-segmented label:has(input:checked) span {
    color: var(--text);
    border-color: var(--accent);
    background: var(--accent-soft);
  }
  html[data-theme="dark"] body.design-vnext .mode-guide-card :is(strong, h3, p) { color: var(--text); }
  html[data-theme="dark"] body.design-vnext .mode-guide-card small { color: var(--text-2); }
  html[data-theme="dark"] body.design-vnext :is(.daf-viewer, .preview-list, .quiz-card-scene,
    .quiz-progress-tracker, .progress-totals > div, .progress-day-button, .progress-word-group,
    .learn-saved-page, .learn-vocabulary, .mode-deck-card, .sheet-visual, .sheet-stats > div,
    .learn-selection-editor, .deck-card-popover) { color-scheme: dark; }
}