/* ========================================
   CSS CUSTOM PROPERTIES (VARIABLES)
   ======================================== */

:root {
	/* Core colors - Dark Mode (default) */
	--bg-primary: #0a0a0a;
	--bg-secondary: #141414;
	--bg-card: #1a1a1a;
	--bg-elevated: #222222;

	--text-primary: #ffffff;
	--text-secondary: #a0a0a0;
	--text-muted: #666666;

	--border-color: #2a2a2a;
	--border-light: #333333;

	/* Accent colors */
	--accent-primary: #00ff88;
	--accent-secondary: #00d4ff;
	--accent-warning: #ffaa00;
	--accent-danger: #ff4757;
	--accent-info: #7c3aed;
	--accent-venue: #e879f9;

	/* Spacing */
	--radius-sm: 8px;
	--radius-md: 12px;
	--radius-lg: 16px;
	--radius-xl: 24px;

	/* Transitions */
	--transition-fast: 0.15s ease;
	--transition-normal: 0.3s ease;
	--transition-slow: 0.5s ease;
}