/* The Arcade's styles, in cascade order: the floor (hub.css), the kit every
 * game's page is built from (kit.css, `g-*`), then one stylesheet per game.
 * The games come last, so a game's own rule on a kit element (a Box, a lane)
 * wins at equal specificity. Over the page's own tokens (styles.css); a game's
 * page sets --acc, its cabinet's neon (registry.js). Dark only, as the page. */

@import url('./hub.css');
@import url('./kit.css');
@import url('./chess.css');
@import url('./switchboard.css');
@import url('./customs.css');
@import url('./wikiguessr.css');
@import url('./railyard.css');
@import url('./twotruths.css');
@import url('./judges.css');
@import url('./ghostmaze.css');
@import url('./needle.css');
@import url('./slots.css');
@import url('./drivethru.css');
@import url('./memory.css');
@import url('./bigsort.css');
@import url('./tasting.css');

/* State colours and the mono face, after every game: a tone the page puts on an
 * element (g-t-warn, g-t-err…) always wins over the game's own colour for it. */
.g-t-ok { color: var(--ok); }
.g-t-warn { color: var(--warn); }
.g-t-err { color: var(--err); }
.g-t-live { color: #ff7cc4; }
.g-t-cy { color: var(--cy); }
.g-t-neutral { color: var(--dim); }
.g-mono { font-family: var(--mono); }