/* 06-components/_band.css — the band API.
   Any component that carries state reads three locals with neutral fallbacks:
     color:        var(--band-ink,  var(--band-neutral-ink))
     background:   var(--band-fill, var(--band-neutral-fill))
     border-color: var(--band-line, var(--band-neutral-line))
   The data-band attribute flips all three together, so ink/fill/line can never
   be mismatched. Works on c-card, c-status, c-pill, c-bar-rows, c-gantt, c-notice. */
[data-band="ok"]      { --band-ink: var(--band-ok-ink);      --band-fill: var(--band-ok-fill);      --band-line: var(--band-ok-line);      --band-dot: var(--dot-ok); }
[data-band="warn"]    { --band-ink: var(--band-warn-ink);    --band-fill: var(--band-warn-fill);    --band-line: var(--band-warn-line);    --band-dot: var(--dot-warn); }
[data-band="danger"]  { --band-ink: var(--band-danger-ink);  --band-fill: var(--band-danger-fill);  --band-line: var(--band-danger-line);  --band-dot: var(--dot-danger); }
[data-band="neutral"] { --band-ink: var(--band-neutral-ink); --band-fill: var(--band-neutral-fill); --band-line: var(--band-neutral-line); --band-dot: var(--rule-strong); }
[data-band="accent"]  { --band-ink: var(--accent);           --band-fill: var(--accent-wash);       --band-line: var(--accent);            --band-dot: var(--accent); }