/* One palette: vivid opaque accents, readable foregrounds, accessible small labels. */
.ui-scope { --dir-c:#176fdb; --dir-rgb:23,111,219; --dir-ink:#176fdb; --dir-on-c:#ffffff; }
.ui-scope[data-dir="parts"] { --dir-c:#f57a0c; --dir-rgb:245, 122, 12; --dir-ink:#a94a00; --dir-on-c:#111827; }
.ui-scope .nav-direction[data-nav-direction="parts"] { --nav-c:#f57a0c; --nav-rgb:245, 122, 12; --nav-ink:#111827; }
.ui-scope[data-dir="lube"] { --dir-c:#176fdb; --dir-rgb:23, 111, 219; --dir-ink:#176fdb; --dir-on-c:#ffffff; }
.ui-scope .nav-direction[data-nav-direction="lube"] { --nav-c:#176fdb; --nav-rgb:23, 111, 219; --nav-ink:#ffffff; }
.ui-scope[data-dir="control"] { --dir-c:#8d44df; --dir-rgb:141, 68, 223; --dir-ink:#8d44df; --dir-on-c:#ffffff; }
.ui-scope .nav-direction[data-nav-direction="control"] { --nav-c:#8d44df; --nav-rgb:141, 68, 223; --nav-ink:#ffffff; }
.ui-scope[data-dir="light"] { --dir-c:#ffe500; --dir-rgb:255, 229, 0; --dir-ink:#111827; --dir-on-c:#111827; }
.ui-scope .nav-direction[data-nav-direction="light"] { --nav-c:#ffe500; --nav-rgb:255, 229, 0; --nav-ink:#111827; }
.ui-scope[data-dir="fuel"] { --dir-c:#02c55c; --dir-rgb:2, 197, 92; --dir-ink:#00813e; --dir-on-c:#111827; }
.ui-scope .nav-direction[data-nav-direction="fuel"] { --nav-c:#02c55c; --nav-rgb:2, 197, 92; --nav-ink:#111827; }
.ui-scope[data-dir="fire"] { --dir-c:#df2929; --dir-rgb:223, 41, 41; --dir-ink:#df2929; --dir-on-c:#ffffff; }
.ui-scope .nav-direction[data-nav-direction="fire"] { --nav-c:#df2929; --nav-rgb:223, 41, 41; --nav-ink:#ffffff; }
.ui-scope .kick, .ui-scope .ui-hero .kick { color:var(--dir-ink); }
.ui-scope[data-dir] .button.primary, .ui-scope[data-dir] .btn.primary, .ui-scope[data-dir] .button.primary:hover, .ui-scope[data-dir] .btn.primary:hover { color:var(--dir-on-c); background:var(--dir-c); border-color:var(--dir-c); }