/* ========================================
	Variables CSS
	======================================== */
:root {
	--primary-color: #1a365d;
	--primary-light: #2c5282;
	--secondary-color: #38b2ac;
	--accent-color: #ed8936;
	--text-color: #2d3748;
	--text-light: #718096;
	--background: #f7fafc;
	--white: #ffffff;
	--gradient-primary: linear-gradient(135deg, #1a365d 0%, #2c5282 100%);
	--gradient-accent: linear-gradient(135deg, #38b2ac 0%, #319795 100%);
	--shadow-sm: 0 1px 3px rgba(0,0,0,0.12);
	--shadow-md: 0 4px 6px rgba(0,0,0,0.1);
	--shadow-lg: 0 10px 25px rgba(0,0,0,0.15);
	--shadow-xl: 0 20px 40px rgba(0,0,0,0.2);
	--border-radius: 12px;
	--border-radius-lg: 20px;
	--transition: all 0.3s ease;
}