/* Reduced-eyestrain dark palette (2026-09-10) — was a light warm-cream
   theme; this is the authoritative styling layer for the whole
   daily-practice page family (OTD/DBT/SSDI), everything here is
   !important so it overrides any page-local <style> block. Same tone
   family as voice-cheatsheet.html / mayo-passage.html for consistency. */
:root {
  --practice-canvas: #1b1b1f;
  --practice-surface: #242429;
  --practice-surface-soft: #2a2a30;
  --practice-control: #2a2a30;
  --practice-line: #34343c;
  --practice-ink: #e8e8ec;
  --practice-muted: #9a9aa2;
}

body.daily-practice-soft {
  background: var(--practice-canvas) !important;
  color: var(--practice-ink) !important;
}

body.daily-practice-soft h1,
body.daily-practice-soft h2,
body.daily-practice-soft .stat-value,
body.daily-practice-soft .boost-text,
body.daily-practice-soft .entry-what,
body.daily-practice-soft .bucket-title,
body.daily-practice-soft .cog-test-name {
  color: var(--practice-ink) !important;
}

body.daily-practice-soft .subtitle,
body.daily-practice-soft .stat-label,
body.daily-practice-soft .section-title,
body.daily-practice-soft .chart-title,
body.daily-practice-soft .chart-legend-item,
body.daily-practice-soft .form-group label,
body.daily-practice-soft .modal-section-title,
body.daily-practice-soft .fast-group-title,
body.daily-practice-soft .fast-cell-label,
body.daily-practice-soft .skills-cell,
body.daily-practice-soft .notable-cell,
body.daily-practice-soft .symptoms-cell,
body.daily-practice-soft .notes-cell {
  color: var(--practice-muted) !important;
}

body.daily-practice-soft :is(
  .stat-card,
  .chart-card,
  .fast-entry,
  .table-wrap,
  .modal,
  .boost-panel,
  .form-card,
  .entry-card,
  .freewill-section,
  .step10-section,
  .bucket-card,
  .bucket-form,
  .cog-test-card,
  #hint-bar,
  #master-bar
) {
  background: var(--practice-surface) !important;
  border-color: var(--practice-line) !important;
}

body.daily-practice-soft .table-wrap {
  scrollbar-color: #4a4a54 var(--practice-surface);
}

body.daily-practice-soft :is(input, select, textarea, .fast-cell) {
  background: var(--practice-control) !important;
  border-color: var(--practice-line) !important;
  color: var(--practice-ink) !important;
}

body.daily-practice-soft :is(input, select, textarea, .fast-cell):focus {
  background: var(--practice-surface) !important;
}

body.daily-practice-soft thead th,
body.daily-practice-soft .btn-secondary,
body.daily-practice-soft .btn-export,
body.daily-practice-soft .fast-cell-value,
body.daily-practice-soft .s0 {
  background: var(--practice-surface-soft) !important;
  border-color: var(--practice-line) !important;
}

body.daily-practice-soft tbody tr,
body.daily-practice-soft .modal-section-title {
  border-color: #34343c !important;
}

body.daily-practice-soft tbody tr:hover,
body.daily-practice-soft .fast-cell:hover,
body.daily-practice-soft .btn-icon:hover {
  background: #2f2f36 !important;
}

body.daily-practice-soft .daily-practice-nav {
  background: var(--practice-surface) !important;
  border-color: var(--practice-line) !important;
  color: var(--practice-muted) !important;
}

body.daily-practice-soft .otd-tool-nav > :is(a, button),
body.daily-practice-soft .board-link,
body.daily-practice-soft #btn-rebuild {
  background: var(--practice-surface) !important;
  border-color: var(--practice-line) !important;
  color: var(--practice-muted) !important;
}

body.daily-practice-soft .modal-overlay {
  background: rgba(0, 0, 0, 0.55) !important;
}

@media print {
  body.daily-practice-soft {
    background: #fff !important;
    color: #111 !important;
  }
}