/* Site hue (docs/ui-redesign.md, "Site color follows chat color").
   base.html sets data-hue on <html>; 5 (Obsidian Violet) is the
   default and always what signed-out pages get. One rule per row of
   the palette table: the hue drives the gradient tint, the far
   gradient corner, the accent and the on-accent text. The semantic
   colors (danger, ok, warn) never change with the hue.
   The CSP allows no inline styles, so the hue is an attribute and
   per-person name colors are the .name-cN classes below. */

:root[data-hue="1"] { --accent: var(--c1); --bg-tint: #1a6fc0; --bg-deep: #061a33; --on-accent: #04223a; }
:root[data-hue="2"] { --accent: var(--c2); --bg-tint: #b0246a; --bg-deep: #2a0718; --on-accent: #3a0a22; }
:root[data-hue="3"] { --accent: var(--c3); --bg-tint: #b87a0f; --bg-deep: #2b1a03; --on-accent: #3a2604; }
:root[data-hue="4"] { --accent: var(--c4); --bg-tint: #138a55; --bg-deep: #03201a; --on-accent: #04281a; }
:root[data-hue="5"] { --accent: var(--c5); --bg-tint: #4b2bbf; --bg-deep: #120a33; --on-accent: #160d3d; }
:root[data-hue="6"] { --accent: var(--c6); --bg-tint: #b8481a; --bg-deep: #2b0f05; --on-accent: #3a1408; }
:root[data-hue="7"] { --accent: var(--c7); --bg-tint: #0b7a78; --bg-deep: #03201f; --on-accent: #032623; }
:root[data-hue="8"] { --accent: var(--c8); --bg-tint: #9a1fa8; --bg-deep: #24072a; --on-accent: #2f0838; }

/* Chat name colors, one class per hue, for other people's names. */
.name-c1 { color: var(--c1); }
.name-c2 { color: var(--c2); }
.name-c3 { color: var(--c3); }
.name-c4 { color: var(--c4); }
.name-c5 { color: var(--c5); }
.name-c6 { color: var(--c6); }
.name-c7 { color: var(--c7); }
.name-c8 { color: var(--c8); }

/* Roster swatches, one class per hue. */
.dot-c1 { background: var(--c1); }
.dot-c2 { background: var(--c2); }
.dot-c3 { background: var(--c3); }
.dot-c4 { background: var(--c4); }
.dot-c5 { background: var(--c5); }
.dot-c6 { background: var(--c6); }
.dot-c7 { background: var(--c7); }
.dot-c8 { background: var(--c8); }