/**
 * Synergy VL design tokens — shared by plugin (Director HUD) + theme (Arena HUD).
 * Homepage / public START / Director chrome: 8px radius, no pills.
 * Family portal locked --fp-* colors stay in family-portal.css (do not redefine here).
 * Desks must consume these tokens (via --vl-* or --hud-* aliases), not a second palette.
 */
:root,
#vball-director-hud,
body.is-hud,
body.vball-director-hud {
	/* Radius — max 8px on chrome controls; ban 999px / pill shapes */
	--vl-radius: 8px;
	--vl-no-pill: 8px;

	/* Brand */
	--vl-navy: #070b14;
	--vl-navy-2: #0a1220;
	--vl-cyan: #5ad4ff;
	--vl-ink: #e8edf4;
	--vl-muted: #9eb4c8;
	--vl-line: rgba(90, 212, 255, 0.28);
	--vl-glass: rgba(7, 11, 20, 0.62);

	/* Status / chip colors */
	--vl-ok: #3d8b6e;
	--vl-warn: #e07a3d;
	--vl-hot: #c44550;
	--vl-gold: #c9a227;
	--vl-danger: #ff5a6a;

	--vl-chip-bg: rgba(90, 212, 255, 0.12);
	--vl-chip-border: rgba(90, 212, 255, 0.35);
	--vl-chip-on-bg: var(--vl-cyan);
	--vl-chip-on-ink: var(--vl-navy);

	/* Bridge: existing --hud-* consumers keep working from one palette */
	--hud-navy: var(--vl-navy);
	--hud-navy-2: var(--vl-navy-2);
	--hud-cyan: var(--vl-cyan);
	--hud-ink: var(--vl-ink);
	--hud-muted: var(--vl-muted);
	--hud-line: var(--vl-line);
	--hud-glass: var(--vl-glass);
	--hud-ok: var(--vl-ok);
	--hud-warn: var(--vl-warn);
	--hud-hot: var(--vl-hot);
	--hud-gold: var(--vl-gold);
	--hud-danger: var(--vl-danger);
}