/* Shared readable text and badge colors. Header bands remain decorative. */
:root{--semantic-green:#4ade80;--semantic-amber:#fbbf24;--semantic-orange:#fb923c;--semantic-red:#f87171;--semantic-blue:#60a5fa;--semantic-cyan:#22d3ee;--semantic-purple:#c4b5fd;--semantic-indigo:#a5b4fc;--semantic-teal:#5eead4;--semantic-slate:#94a3b8}
:root[data-theme="light"]{--semantic-green:#15803d;--semantic-amber:#92400e;--semantic-orange:#c2410c;--semantic-red:#b91c1c;--semantic-blue:#1d4ed8;--semantic-cyan:#0e7490;--semantic-purple:#6d28d9;--semantic-indigo:#4338ca;--semantic-teal:#0f766e;--semantic-slate:#475569}
[data-semantic-tone="green"]{--semantic-color:var(--semantic-green)}[data-semantic-tone="amber"]{--semantic-color:var(--semantic-amber)}[data-semantic-tone="orange"]{--semantic-color:var(--semantic-orange)}[data-semantic-tone="red"]{--semantic-color:var(--semantic-red)}[data-semantic-tone="blue"]{--semantic-color:var(--semantic-blue)}[data-semantic-tone="cyan"]{--semantic-color:var(--semantic-cyan)}[data-semantic-tone="purple"]{--semantic-color:var(--semantic-purple)}[data-semantic-tone="indigo"]{--semantic-color:var(--semantic-indigo)}[data-semantic-tone="teal"]{--semantic-color:var(--semantic-teal)}[data-semantic-tone="slate"]{--semantic-color:var(--semantic-slate)}
[data-semantic-tone]{color:var(--semantic-color)!important}
:is(.badge,.logs-pill,.buzzer-status-badge)[data-semantic-tone]{background:color-mix(in srgb,var(--semantic-color) 10%,var(--clr-surface))!important;border-color:color-mix(in srgb,var(--semantic-color) 35%,var(--clr-border))!important}
