/* MILA Racing prototype tokens v2 - ported from /mila-racing/project/styles.css */
:root,
:root[data-theme="dark"] {
	--bg-primary: #0A0A0A;
	--bg-secondary: #141414;
	--bg-elevated: #1C1C1C;
	--text-primary: #FFFFFF;
	--text-secondary: #E5E5E5;
	--text-muted: #B8B8B8;
	--accent-primary: #DC2626;
	--accent-hover: #EF4444;
	--border-subtle: rgba(255,255,255,0.08);
	--border-strong: rgba(255,255,255,0.16);
	--shadow-card: 0 12px 32px rgba(0,0,0,0.35);
	--video-filter: brightness(1.15) contrast(1.05) saturate(1.08);
	--video-overlay: linear-gradient(180deg, rgba(0,0,0,0.20) 0%, rgba(10,10,10,0.45) 100%);
	--bg-deep: var(--bg-primary);
	--bg-surface: var(--bg-secondary);
	--tx-1: var(--text-primary);
	--tx-2: var(--text-secondary);
	--tx-3: var(--text-muted);
	--tx-4: var(--text-muted);
	--tx-5: var(--border-strong);
	--line-1: var(--border-subtle);
	--line-2: var(--border-subtle);
	--line-3: var(--border-strong);
	--red: var(--accent-primary);
	--red-hot: var(--accent-hover);
	--cold: #0A84FF;
	--warm: #FFB800;
	--ideal: #00D26A;
	--success: #16A34A;
	--warning: #EA580C;
	--input-bg: rgba(255,255,255,0.04);
	--input-bg-focus: rgba(255,255,255,0.08);
	--r-sm: 2px;
	--r-md: 4px;
	--ease-out: cubic-bezier(0.25, 0.1, 0.25, 1);
	--ease-premium: cubic-bezier(0.16, 1, 0.3, 1);
	--container: 1440px;
	--pad-x: clamp(20px, 5vw, 80px);
	--display: "Manrope", "Inter", "Neue Haas Grotesk", system-ui, sans-serif;
	--body: "Inter", system-ui, -apple-system, sans-serif;
	--mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;
	--font-display: var(--display);
	--font-body: var(--body);
	--font-sans: var(--body);
	--font-mono: var(--mono);
	--mila-bg-primary: var(--bg-primary);
	--mila-bg-secondary: var(--bg-secondary);
	--mila-bg-elevated: var(--bg-elevated);
	--mila-text-primary: var(--text-primary);
	--mila-text-secondary: var(--text-secondary);
	--mila-text-muted: var(--text-muted);
	--mila-accent-primary: var(--accent-primary);
	--mila-accent-hover: var(--accent-hover);
	--mila-border-subtle: var(--border-subtle);
	--mila-border-strong: var(--border-strong);
	--mila-shadow-card: var(--shadow-card);
	--mila-container: var(--container);
	--mila-pad-x: var(--pad-x);
	--mila-font-display: var(--display);
	--mila-font-body: var(--body);
	--mila-font-mono: var(--mono);
}

:root[data-theme="light"] {
	--bg-primary: #FAFAFA;
	--bg-secondary: #FFFFFF;
	--bg-elevated: #F4F4F4;
	--text-primary: #0A0A0A;
	--text-secondary: #1F1F1F;
	--text-muted: #4A4A4A;
	--accent-primary: #DC2626;
	--accent-hover: #B91C1C;
	--border-subtle: rgba(0,0,0,0.08);
	--border-strong: rgba(0,0,0,0.16);
	--shadow-card: 0 12px 32px rgba(0,0,0,0.12);
	--video-filter: brightness(1.0) contrast(1.0);
	--video-overlay: linear-gradient(180deg, rgba(255,255,255,0.10) 0%, rgba(250,250,250,0.30) 100%);
	--success: #15803D;
	--warning: #C2410C;
	--cold: #1D4ED8;
	--input-bg: rgba(0,0,0,0.03);
	--input-bg-focus: rgba(0,0,0,0.06);
}