/* UNSOUNE display modes. Keep each mode isolated so visual changes stay local. */

/* Default: the original colorful cyan × acid-yellow theme. */
:root,
.default-mode {
  --paper: #f7f9fc;
  --ink: #10151c;
  --muted: #59616d;
  --line: #ccd2da;
  --green: #004dcc;
  --mint: #c5faff;
  --orange: #0055e8;
  --cyan: #56efff;
  --yellow: #efff39;
}

/* Dark mode -------------------------------------------------------------- */
.dark-mode {
  --paper: #111820;
  --ink: #eef4f6;
  --muted: #b9c5cc;
  --line: #43515c;
  --green: #7fc8ff;
  --mint: #18303a;
  --orange: #ffbf69;
  --cyan: #183d49;
  --yellow: #655f22;
}
.dark-mode body,
.dark-mode .news-card,
.dark-mode .settings-panel,
.dark-mode .speech.small { background: var(--paper); color: var(--ink); }
.dark-mode .card-body > p,
.dark-mode .story-intro,
.dark-mode .dictionary dd { color: var(--muted); }
.dark-mode .categories a,
.dark-mode .article-tags a { background: #202c35; color: var(--ink); }

/* Color vision support --------------------------------------------------- */
.colorblind-mode {
  --cyan: #b7d7ea;
  --yellow: #f2c14e;
  --orange: #d55e00;
  --green: #0072b2;
}
.colorblind-mode .art-society { background: #d9b7d9; }