/*
 * Colour hooks of the design that the prototype set with inline style="--c:…".
 * CSP forbids inline style attributes, so templates add these classes instead
 * (src/web/chrome/looks.ts names them).
 */

/* category accents: .cat, .catalog-panel__ico, .trust__ico */
.tone-lime { --c: var(--lime); --tc: var(--lime); }
.tone-account { --c: var(--account); --tc: var(--account); }
.tone-code { --c: var(--code); --tc: var(--code); }
.tone-gift { --c: var(--gift); --tc: var(--gift); }
.tone-steam-blue { --c: #66C0F4; --tc: #66C0F4; }

/* brand tiles (white logo on the brand colour) */
.tone-brand-steam { --c: #1b2838; }
.tone-brand-telegram { --c: #2aabee; }
.tone-brand-playstation { --c: #003791; }
.tone-brand-apple { --c: #2b2b2f; }
.tone-brand-googleplay { --c: #0f9d58; }
.tone-brand-valorant { --c: #fa4454; }
.tone-brand-riot { --c: #d13639; }
.tone-brand-battlenet { --c: #0a84d6; }
.tone-brand-razer { --c: #1d2a14; }
.tone-brand-ea { --c: #ff4747; }
.tone-brand-rockstar { --c: #fcaf17; }

/* slide kicker icon circle */
.slide__kicker i.k-steam { --k: #1b2838; }
.slide__kicker i.k-code { --k: var(--code); }
.slide__kicker i.k-rockstar { --k: #FCAF17; }
.slide__kicker i.k-account { --k: var(--account); }

/* filter chip dots */
.chip i.dot-account { --dot: var(--account); }
.chip i.dot-code { --dot: var(--code); }