/* Theme: UNO
 * Bold four-color card-game energy: near-black table, white cards with
 * heavy ink borders, oversize oblong point badges, loud grotesque type.
 * Card layout handled by UnoCardLayout.razor (colored difficulty band,
 * corner indices, UNO-style tilted oval badge).
 */

[data-theme="uno"] {
	/* ── Brand ─────────────────────────────────────────────── */
	--eg-color-primary: #e11d2e; /* UNO Red */
	--eg-color-primary-light: #f04a58;
	--eg-color-primary-rgb: 225, 29, 46;
	--eg-color-secondary: #ffd400; /* UNO Yellow */
	--eg-color-secondary-light: #ffe14d;
	--eg-color-tertiary: #0f9d58; /* UNO Green */
	--eg-color-success: #0f9d58;
	--eg-color-error: #e11d2e;
	--eg-color-warning: #ffd400;
	--eg-color-info: #0055d4; /* UNO Blue */

	/* ── Typography — loud grotesque ───────────────────────── */
	--eg-font-heading: "Arial Black", "Arial Narrow Bold", Arial, sans-serif;
	--eg-font-body: Arial, "Helvetica Neue", sans-serif;
	--eg-font-numbers: "Arial Black", Arial, sans-serif;

	/* ── Radius — big rounded corners ──────────────────────── */
	--eg-radius-md: 12px;
	--eg-radius-lg: 18px;
	--eg-radius-xl: 24px;

	/* ── Palette — night table ─────────────────────────────── */
	--eg-palette-background: #111114;
	--eg-palette-surface: #1c1c22;
	--eg-palette-surface-accent: #101014;
	--eg-palette-surface-variant: #2c2c36;
	--eg-palette-text-primary: #fafafa;
	--eg-palette-text-secondary: #a8a8b3;
	--eg-palette-text-disabled: #6b6b78;
	--eg-palette-divider: #2c2c36;
	--eg-palette-divider-light: #3d3d4a;
	--eg-palette-primary: #e11d2e;
	--eg-palette-secondary: #ffd400;
	--eg-palette-tertiary: #0f9d58;
	--eg-palette-error: #e11d2e;
	--eg-palette-success: #0f9d58;
	--eg-palette-warning: #ffd400;
	--eg-palette-info: #0055d4;

	--eg-palette-on-primary: #ffffff;
	--eg-palette-on-secondary: #111114;
	--eg-palette-on-tertiary: #ffffff;
	--eg-palette-on-error: #ffffff;
	--eg-palette-on-success: #ffffff;
	--eg-palette-on-warning: #111114;
	--eg-palette-on-info: #ffffff;

	/* Cards — bold white with heavy ink border */
	--eg-palette-card: #ffffff;
	--eg-palette-text-on-card: #111114;
	--eg-palette-text-on-card-muted: #5a5a66;

	--eg-shadow-card: 0 4px 0 rgba(0, 0, 0, 0.55);
	--eg-shadow-elevated: 0 8px 0 rgba(0, 0, 0, 0.6);
	--eg-shadow-glow-primary: 0 0 0 3px rgba(var(--eg-color-primary-rgb), 0.55);
	--eg-shadow-glow-success: 0 0 0 3px rgba(15, 157, 88, 0.55);
}

/* Heavy ink frame — UnoCardLayout inherits the base transparent border;
   set it here for the resting state. */
[data-theme="uno"] .schniffel-card {
	border-color: #111114;
}

/* Interaction states re-declared: the ink border-color above wins otherwise */
[data-theme="uno"] .schniffel-card--matches {
	border-color: var(--eg-palette-success);
}

[data-theme="uno"] .schniffel-card--selected,
[data-theme="uno"] .schniffel-card--selectable:hover {
	border-color: var(--eg-palette-primary);
}

/* Points badge — the iconic tilted oblong */
[data-theme="uno"] .schniffel-card-points-badge {
	border-radius: 50%;
	min-width: 40px;
	height: 32px;
	padding: 0 0.55rem;
	border: 2px solid #111114;
	transform: rotate(-8deg);
	font-size: 1rem;
}

[data-theme="uno"] .schniffel-card-points-badge--range {
	font-size: 0.8rem;
}

[data-theme="uno"] .schniffel-card-stale-bonus {
	border: 2px solid #111114;
	transform: rotate(-8deg);
}

/* Dice: white cubes, ink border, black pips */
[data-theme="uno"] .schniffel-die-face {
	border: 3px solid #111114;
	border-radius: 14px;
}

[data-theme="uno"] .schniffel-pip {
	width: 10px;
	height: 10px;
	background: #111114;
}