/*
 * The Lottery Bingo — "draw-night tote board" brand applied to the
 * functional game screens (number picker, dashboard, leaderboard,
 * results, prize). These templates were built against a small set of
 * --ltb-* custom properties (see lottery-bingo.css) specifically so a
 * palette could be swapped in later without touching layout — this
 * file is that swap. It redefines those tokens, at the same selector
 * scope, loaded after lottery-bingo.css so the cascade favours it.
 * No markup, no layout rule, is touched — only color, radius and
 * type. This brings every game screen in line with the marketing
 * site and the winners page, which use the same five values.
 */

.ltb-number-picker-root,
.ltb-leaderboard-root,
.ltb-results-root,
.ltb-winners-root,
.ltb-dashboard-root,
.ltb-prize-root {
	--ltb-primary: #d7a83f;       /* brass */
	--ltb-primary-dark: #8a6a2c;  /* brass-dim */
	--ltb-success: #4fae8f;       /* felt-lt */
	--ltb-surface: #171d2b;       /* ink-2 */
	--ltb-surface-muted: #232b3d; /* between ink-2 and smoke */
	--ltb-border: #2a3142;        /* smoke */
	--ltb-text: #f4efe2;          /* chalk */
	--ltb-text-muted: #b9bdc9;    /* chalk-60 */
	--ltb-radius-lg: 14px;
	--ltb-radius-md: 8px;
	font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.ltb-prize-amount,
.ltb-summary-value,
.ltb-leaderboard-rank {
	font-family: "Big Shoulders Display", "Arial Narrow", sans-serif;
}

/* Buttons and pills built from --ltb-primary/--ltb-success put white
   text on top in the purple palette (fine on #5b3df5, too low-contrast
   on brass or felt-green), so these need a direct override rather than
   a token — matches the dark-on-ball treatment used on the marketing
   pages and the winners page. */
.ltb-button-primary,
.ltb-filter-pill.is-active {
	color: #201404;
}
.ltb-mini-ball--matched {
	color: #05140f;
}