/**
 * Tema renkleri — Admin > Temalar ekranından düzenlenir.
 * Premium E-Ticaret Paleti
 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

:root {
	--prime-primary: #213c8b;
	--header-bg: #213c8b;
	--header-input-bg: rgba(255, 255, 255, 0.15);
	--coral-color: #ff8b71;
	--fy-primary: #2563EB;
	--fy-secondary: #1D4ED8;
	--fy-accent: #3B82F6;
	--fy-hover: #1E40AF;
	--fy-dark: #0F172A;
	--fy-footer-bg: #0F172A;
	--brand-primary: #1a1a1a;
	--brand-primary-dark: #000000;
	--brand-accent: #e63946;
	--brand-accent-light: #fff0f1;
	--surface: #ffffff;
	--surface-soft: #f8f9fb;
	--border-color: #e8ecf1;
	--text-primary: #0f172a;
	--text-secondary: #64748b;
	--link-color: #0f172a;
	--link-hover-color: #e63946;
	--color-dark: #000000;
	--color1: #0f172a;
	--color1-hover: #000000;
	--color2: #f8f9fb;
	--color3: #0f172a;
	--color3-hover: #000000;
	--price-color: #0f172a;
	--old-price-color: #94a3b8;
	--discount-bg: #e63946;
	--discount-color: #ffffff;
	--footer-bg: #0c0c0c;
	--footer-heading: #ffffff;
	--footer-text: #94a3b8;
	--footer-accent: #ffffff;
	--footer-border: rgba(255,255,255,0.08);
	--social-icon-color: #94a3b8;
	--social-icon-hover: #ffffff;
	--social-icon-bg: rgba(255,255,255,0.06);
	--social-icon-bg-hover: #e63946;
	--theme-color: #213c8b;
	--active-category-color: #e63946;
	--category-hover-color: #e63946;
	--mobile-menu-bg: #ffffff;
	--mobile-category-icon-color: #213c8b;
	--fy-gradient: #4279ea;
	--font-family: 'Inter', 'Segoe UI', sans-serif;
	--container: var(--theme-container-max, 1320px);

	/* Premium Additions */
	--premium-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	--premium-gradient-warm: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
	--premium-gradient-ocean: linear-gradient(135deg, #0c3483 0%, #a2b6df 100%, #6b8cce 100%);
	--premium-gradient-sunset: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
	--premium-shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.06);
	--premium-shadow-md: 0 8px 30px rgba(15, 23, 42, 0.08);
	--premium-shadow-lg: 0 20px 60px rgba(15, 23, 42, 0.12);
	--premium-shadow-xl: 0 25px 80px rgba(15, 23, 42, 0.15);
	--premium-shadow-hover: 0 20px 40px rgba(15, 23, 42, 0.18);
	--glass-bg: rgba(255, 255, 255, 0.72);
	--glass-border: rgba(255, 255, 255, 0.25);
	--glass-shadow: 0 8px 32px rgba(15, 23, 42, 0.08);
	--radius-sm: 8px;
	--radius-md: 14px;
	--radius-lg: 20px;
	--radius-xl: 28px;
	--transition-smooth: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	--transition-bounce: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
	--transition-fast: all 0.2s ease;
}

body {
	background-color: #f5f6f8;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	margin: 0;
	padding: 0;
	color: var(--text-primary);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	letter-spacing: -0.01em;
}