:root {
	--color-primary: #f4256a;
	--color-secondary: #f2c0c9;
	--color-background: #feeff4;
	--color-scaffold: #f2f2f7;
	--color-surface: #ffffff;
	--color-text: #020617;
	--color-text-muted: #a1a1aa;
	--color-divider: #e8bfc7;
	--color-error: #c94a4a;
	--color-male: #26a5fc;
	--color-female: #ff356e;
	--color-inactive: #a7a8ae;
	--color-connect-border: #ffd6e6;
	--color-code-pill: #fff0f5;
	--color-login-title: #2a1f2d;
	--hub-drawing: #fff1f1;
	--hub-mood: #d7eff8;
	--hub-analyze: #f5e8fd;
	--hub-quiz: #ffe6ee;
	--hub-pet: #ffedc7;
	--gradient-cta: linear-gradient(90deg, #ff71a8, #ff9bc2);
	--gradient-premium: linear-gradient(90deg, #f4256a, #a855f7);
	--gradient-connect: linear-gradient(180deg, #ffd8ec, #f7dfff);
	--gradient-hero-fallback: linear-gradient(135deg, #feeff4 0%, rgba(242, 192, 201, 0.45) 50%, rgba(244, 37, 106, 0.18) 100%);
	--radius-button: 12px;
	--radius-card: 16px;
	--radius-sheet: 24px;
	--radius-field: 28px;
	--radius-pill: 999px;
	--shadow-nav: 0 -5px 10px rgba(0, 0, 0, 0.05);
	--shadow-card: 0 1px 2px rgba(0, 0, 0, 0.05);
	--shadow-float: 0 18px 50px rgba(244, 37, 106, 0.12);
	--glass-blur: 8px;
	--glass-bg: rgba(0, 0, 0, 0.12);
	--glass-border: rgba(255, 255, 255, 0.3);
	--font-display: "Comfortaa", system-ui, sans-serif;
	--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--nav-height: 72px;
	--content-width: 1120px;
}