/* ===================== CSS CUSTOM PROPERTIES ===================== */
:root {
	--accent: #B07BAC;
	--accent-hover: #9A6696;
	--accent-light: rgba(176, 123, 172, 0.1);
	--accent-lighter: rgba(176, 123, 172, 0.05);
	--dark: #1a1a2e;
	--dark-lighter: #2d2d44;
	--text-primary: #1a1a2e;
	--text-secondary: #555570;
	--text-light: #8888a0;
	--bg-primary: #ffffff;
	--bg-secondary: #f8f6fa;
	--bg-tertiary: #f0ecf4;
	--border: #e8e4ee;
	--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
	--shadow-md: 0 4px 20px rgba(0, 0, 0, 0.08);
	--shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.12);
	--shadow-xl: 0 12px 60px rgba(0, 0, 0, 0.15);
	--radius-sm: 8px;
	--radius-md: 12px;
	--radius-lg: 16px;
	--radius-xl: 24px;
	--transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	--transition-fast: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	--transition-slow: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	--navbar-height: 70px;
	--container-width: 1280px;
}