/**
 * Tareeqak Creative - Design Tokens & Child-Friendly Game Palette
 */

:root {
	/* Child-friendly vibrant palette */
	--tq-bg: #F0F7FF;
	--tq-surface: #FFFFFF;
	--tq-surface-card: #FFFFFF;

	--tq-brand-orange: #FF6B35;
	--tq-brand-blue: #00A6FB;
	--tq-brand-purple: #7B2CBF;
	--tq-brand-yellow: #FFB703;
	--tq-brand-green: #06D6A0;
	--tq-brand-red: #EF476F;

	--tq-text-dark: #1E293B;
	--tq-text-muted: #64748B;
	--tq-text-light: #FFFFFF;

	/* Team Colors */
	--tq-team-red: #EF4444;
	--tq-team-blue: #3B82F6;
	--tq-team-green: #10B981;
	--tq-team-gold: #F59E0B;

	/* Border Radius */
	--tq-radius-sm: 10px;
	--tq-radius-md: 18px;
	--tq-radius-lg: 26px;
	--tq-radius-pill: 9999px;

	/* Shadows */
	--tq-shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
	--tq-shadow-md: 0 10px 15px -3px rgba(0, 166, 251, 0.12), 0 4px 6px -2px rgba(0, 0, 0, 0.04);
	--tq-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
	--tq-shadow-glow: 0 0 20px rgba(255, 183, 3, 0.4);

	/* Typography */
	--tq-font-body: 'Tajawal', system-ui, -apple-system, sans-serif;
	--tq-font-display: 'Changa', 'Tajawal', cursive, sans-serif;

	/* Transitions */
	--tq-transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}