/* ORGANIC modal theme — warm cream, terracotta accent, rounded, soft. (Basketball) */
.modal-panel[data-theme="organic"] {
  background: #fffaf3;
  color: #2a1f1a;
  border-radius: 18px;
  border: none;
  box-shadow: 0 30px 80px -20px rgba(120, 60, 30, 0.25);
}
.modal-panel[data-theme="organic"] .modal-close {
  color: #c2553e;
}
.modal-panel[data-theme="organic"] .modal-content h3 {
  font-family: var(--font-serif);
  font-weight: 500;
  color: #2a1f1a;
}
.modal-panel[data-theme="organic"] .modal-content .m-tagline {
  font-family: var(--font-serif);
  font-style: italic;
  color: #c2553e;
  font-size: 1rem;
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 2rem;
}
.modal-panel[data-theme="organic"] .modal-content .m-text {
  color: #4a3a32;
  line-height: 1.8;
}
.modal-panel[data-theme="organic"] .modal-content .m-text code {
  background: rgba(194, 85, 62, 0.08);
  color: #c2553e;
  padding: 0.05rem 0.35rem;
  border-radius: 4px;
  font-size: 0.9em;
}
.modal-panel[data-theme="organic"] .modal-content .m-stats {
  border-top: 1px solid rgba(194, 85, 62, 0.2);
}
.modal-panel[data-theme="organic"] .modal-content .m-stat-label {
  color: #8a6e5d;
}
.modal-panel[data-theme="organic"] .modal-content .m-stat-value {
  font-family: var(--font-serif);
  font-size: 1.25rem;
  color: #c2553e;
  font-weight: 500;
}

/* organic pager — warm cream pages, soft serif headings, terracotta dots */
.modal-panel[data-theme="organic"][data-mode="pager"] {
  background: #fffaf3;
}
.modal-panel[data-theme="organic"] .modal-page {
  background: #fffaf3;
}
.modal-panel[data-theme="organic"] .modal-page-inner h3 {
  font-weight: 500;
  color: #2a1f1a;
}
.modal-panel[data-theme="organic"] .modal-pager-dots {
  background: linear-gradient(to bottom, transparent, rgba(255,250,243,0.95) 35%);
  color: #c2553e;
}
.modal-panel[data-theme="organic"] .modal-pager-hint {
  color: #c2553e;
}
.modal-panel[data-theme="organic"] .modal-close {
  background: rgba(255,250,243,0.85);
}