/* Édition 60 — correctifs de contraste ciblés, sans modifier les moteurs ni les feuilles historiques. */

/* Salons online59 : rétablir une paire surface/texte cohérente dans chaque thème. */
#online59-screen {
  --online60-paper: var(--a28-global-paper, var(--paper));
  --online60-soft: var(--a28-global-soft, var(--cream));
  --online60-ink: var(--a28-global-ink, var(--ink));
  --online60-muted: var(--a28-global-muted, var(--muted));
  --online60-edge: var(--a28-global-edge, var(--line));
  --online60-focus: var(--a28-global-focus, var(--focus-ring));
  color: var(--online60-ink) !important;
  background: var(--online60-paper) !important;
}
#online59-screen #online59-root,
#online59-screen #online59-root :is(h1, h2, h3, p, label, legend, li, summary, strong, small) {
  color: var(--online60-ink) !important;
}
#online59-screen #online59-root :is(.eyebrow, .online59-muted, .online59-footnote) {
  color: var(--online60-muted) !important;
}
#online59-screen .online59-card {
  color: var(--online60-ink) !important;
  background: var(--online60-paper) !important;
  border-color: var(--online60-edge) !important;
}
#online59-screen .online59-options {
  color: var(--online60-ink) !important;
  background: var(--online60-soft) !important;
  border-color: var(--online60-edge) !important;
}
#online59-screen .online59-field :is(input, select, textarea) {
  color: var(--online60-ink) !important;
  background: var(--online60-paper) !important;
  border-color: var(--online60-edge) !important;
}
#online59-screen .online59-room-code {
  color: var(--online60-ink) !important;
  text-shadow: 0 1px 0 color-mix(in srgb, var(--online60-paper) 75%, transparent) !important;
}
#online59-screen .online59-private,
#online59-screen .online59-result,
#online59-screen .online59-score-list li {
  color: var(--online60-ink) !important;
  background: var(--online60-soft) !important;
  border-color: var(--online60-edge) !important;
}
#online59-screen .online59-private summary,
#online59-screen .online59-private p,
#online59-screen .online59-result,
#online59-screen .online59-score-list li {
  color: var(--online60-ink) !important;
}
#online59-screen .online59-secret-word {
  color: var(--online60-ink) !important;
}
#online59-screen .online59-status {
  color: var(--online60-ink) !important;
  background: var(--online60-soft) !important;
}
#online59-screen .online59-status.online {
  color: var(--online60-ink) !important;
  background: color-mix(in srgb, var(--online60-soft) 78%, var(--online60-edge)) !important;
}
#online59-screen .online59-error {
  color: #7b241c !important;
  background: #ffe8e2 !important;
}
#online59-screen .online59-timer {
  color: #3d2a08 !important;
  background: #ffe7a3 !important;
}
#online59-screen .online59-check input {
  accent-color: var(--online60-focus) !important;
}

/* Les couleurs de fond héritées des thèmes restent lisibles dans les salons. */
html[data-appearance="dark"] #online59-screen {
  --online60-paper: #151515;
  --online60-soft: #2a2a2a;
  --online60-ink: #ededed;
  --online60-muted: #c2c9c4;
  --online60-edge: #81c784;
}
html[data-appearance="glass"] #online59-screen {
  --online60-paper: #0b426f;
  --online60-soft: #12567a;
  --online60-ink: #fff;
  --online60-muted: #e4f3f5;
  --online60-edge: rgba(255,255,255,.72);
}
html[data-appearance="brutal"] #online59-screen {
  --online60-paper: #fff;
  --online60-soft: #fff8dc;
  --online60-ink: #111;
  --online60-muted: #3c3420;
  --online60-edge: #111;
}

/* Identités secrètes : l’overlay est noir, ses bandeaux doivent rester clairs sur noir. */
html:root #identities48-screen #identities48-root .mode-countdown-overlay52 {
  color: #f7fbf8 !important;
  background: #101820 !important;
}
html:root #identities48-screen #identities48-root .mode-countdown-overlay52 .mode-countdown-name52,
html:root #identities48-screen #identities48-root .mode-countdown-overlay52 .mode-countdown-caption52 {
  color: #f7fbf8 !important;
  background: #1d302d !important;
  border: 1px solid rgba(247,251,248,.34);
  border-radius: 8px;
  padding: 8px 12px;
}
html:root #identities48-screen #identities48-root .mode-countdown-overlay52 .mode-countdown-number52 {
  color: #123b2b !important;
  background: #ffd400 !important;
  border-color: #f7fbf8 !important;
  text-shadow: none !important;
}

/* Relais-Tabou : uniquement le mot cible de la carte, dans tous les thèmes. */
#taboo-play .word-card #taboo-word {
  color: #f7fff7 !important;
}

/* Les libellés de cases et de champs ont aussi des couleurs historiques explicites. */
#online59-screen #online59-root .online59-check span,
#online59-screen #online59-root .online59-field > span { color: var(--online60-ink) !important; }

/* Le chiffre animé possède un descendant avec sa propre couleur. */
html:root #identities48-screen #identities48-root .mode-countdown-overlay52 .mode-countdown-number52 * { color: #123b2b !important; }