/*
 * messages.css  —  Messages tab
 * Under development placeholder — indigo/violet accent
 */

#tab-messages .wip-icon-ring {
  background: rgba(129,140,248,0.10);
  border: 1px solid rgba(129,140,248,0.28);
}

#tab-messages .wip-badge {
  background: rgba(129,140,248,0.10);
  border: 1px solid rgba(129,140,248,0.30);
  color: rgba(129,140,248,0.95);
}

#tab-messages .wip-dot {
  background: rgba(129,140,248,0.95);
}

/* ── Light mode ─────────────────────────────────────────────────────────────
   Faint indigo tints on the ring/badge backgrounds read fine on light, but the
   badge *label* (a mid indigo #818cf8) misses AA on the light glass — swap the
   text + dot to the darkened light-mode violet accent (#4f46e5). */
html[data-theme="light"] #tab-messages .wip-badge {
  color: var(--accent-violet, #4f46e5);
}
html[data-theme="light"] #tab-messages .wip-dot {
  background: var(--accent-violet, #4f46e5);
}