/**
 * Fezo Games — Design System Tokens
 *
 * Foundational CSS custom properties z `05_DESIGN_SYSTEM.md`.
 * Phase 5 frontend redesign builds on these.
 *
 * Dark mode default (per spec). Light mode prepi cez `@media (prefers-color-scheme: light)`
 * v Phase 5 keď budeme mať dual theme.
 */

:root {
	/* ─── Brand colors (neon palette) ─────────────────────────────────── */
	--fezo-cyan:           #00f0ff;
	--fezo-cyan-dim:       #00b8c4;
	--fezo-magenta:        #ff2bd6;
	--fezo-magenta-dim:    #c41fa5;
	--fezo-purple:         #8b00ff;
	--fezo-yellow:         #f7e600;

	/* ─── Background layers (dark) ────────────────────────────────────── */
	--fezo-bg-0:           #0a0a14;  /* page body */
	--fezo-bg-1:           #14142a;  /* cards / sections */
	--fezo-bg-2:           #1f1f3a;  /* elevated surfaces */
	--fezo-bg-3:           #2a2a4d;  /* hover / active */

	/* ─── Text ────────────────────────────────────────────────────────── */
	--fezo-text:           #f0f0fa;
	--fezo-text-muted:     #a0a0b8;
	--fezo-text-dim:       #6a6a85;
	--fezo-text-on-cyan:   #0a0a14;
	--fezo-text-on-magenta: #ffffff;

	/* ─── Status ──────────────────────────────────────────────────────── */
	--fezo-success:        #00ff88;
	--fezo-warning:        #ffaa00;
	--fezo-error:          #ff3355;

	/* ─── Borders ─────────────────────────────────────────────────────── */
	--fezo-border:         rgba(0, 240, 255, 0.18);
	--fezo-border-strong:  rgba(0, 240, 255, 0.4);

	/* ─── Spacing ─────────────────────────────────────────────────────── */
	--fezo-space-xs:       4px;
	--fezo-space-sm:       8px;
	--fezo-space-md:       16px;
	--fezo-space-lg:       24px;
	--fezo-space-xl:       32px;

	/* ─── Radius ──────────────────────────────────────────────────────── */
	--fezo-radius-sm:      4px;
	--fezo-radius-md:      8px;
	--fezo-radius-lg:      12px;
	--fezo-radius-pill:    999px;

	/* ─── Typography ──────────────────────────────────────────────────── */
	--fezo-font-display:   'Orbitron', 'Audiowide', system-ui, -apple-system, sans-serif;
	--fezo-font-body:      'Inter', system-ui, -apple-system, sans-serif;
	--fezo-font-mono:      'JetBrains Mono', 'Fira Code', 'SF Mono', Consolas, monospace;

	/* ─── Glow shadows (neon vibe) ────────────────────────────────────── */
	--fezo-glow-cyan:      0 0 12px rgba(0, 240, 255, 0.5);
	--fezo-glow-magenta:   0 0 12px rgba(255, 43, 214, 0.5);

	/* ─── Transitions ─────────────────────────────────────────────────── */
	--fezo-ease:           cubic-bezier(0.4, 0, 0.2, 1);
	--fezo-duration:       180ms;
}

/* Mono utility class — pre čísla v leaderboard / score displays. */
.fezo-mono {
	font-family: var(--fezo-font-mono);
	font-variant-numeric: tabular-nums;
}