/* Accent colours (saryos-accent.js; owner, 2026-11-01). Only with html[data-accent]; with None nothing here applies.
   The accent takes over the variables the highlighted controls already read, one step above where they are set:
   --sc-tier / --sc-on-tier (portal-create.css: the selected tab, chosen segments, Go, Done) and --chl-button /
   --chl-button-text (chat-layout.css: Send, New chat). */
:root:root:root.saryos-create-ui[data-accent],
:root:root:root.saryos-create-ui[data-accent].light-mode {
  --sc-tier: var(--sary-accent);
  --sc-on-tier: #ffffff;
}
:root:root.chat-layout[data-accent],
:root:root.chat-layout[data-accent].light-mode {
  --chl-button: var(--sary-accent);
  --chl-button-text: #ffffff;
}
:root:root.chat-layout[data-accent] #input-area .chl-send:not(:disabled):hover {
  background: color-mix(in srgb, var(--sary-accent) 85%, #ffffff);
  color: #ffffff;
}
:root[data-accent] #chat-landing .cl-tile:not(.cl-star):hover { border-color: var(--sary-accent); }
:root[data-accent] #chat-landing .cl-tile:not(.cl-star):hover .cl-ico { color: var(--sary-accent); }
:root[data-accent] ::selection { background: color-mix(in srgb, var(--sary-accent) 35%, transparent); }