/**
 * NHL-style design tokens — PLACEHOLDER VALUES.
 *
 * Final palette, typography and spacing come from the Figma designs
 * (Figma MCP workflow) before any page template is built. Keep every
 * theme color/font reference pointing at these variables.
 */

:root {
	/* Surfaces — dark navy/black theme */
	--crc-bg: #050a14;
	--crc-surface: #0d1626;
	--crc-surface-raised: #16233a;
	--crc-border: #24334d;

	/* Text */
	--crc-text: #f5f7fa;
	--crc-text-muted: #9aa7ba;
	--crc-link: #6ea8dc;

	/* Brand — Cocoșu Roșu red as accent over the dark NHL theme */
	--crc-red: #c8102e;
	--crc-red-hover: #e01739;

	/* Live state (pulsing LIVE pill) */
	--crc-live: #ff2d3f;

	/* Typography — condensed bold scoreboard style (final stack from Figma) */
	--crc-font-condensed: 'Roboto Condensed', 'Arial Narrow', sans-serif;
	--crc-font-body: system-ui, -apple-system, 'Segoe UI', sans-serif;

	/* Spacing scale */
	--crc-space-1: 0.25rem;
	--crc-space-2: 0.5rem;
	--crc-space-3: 1rem;
	--crc-space-4: 1.5rem;
	--crc-space-5: 2.5rem;

	--crc-radius: 8px;
}