:root {
	--ssbc-max-width: 1444px;
	--ssbc-content-width: 1180px;
	--ssbc-narrow-width: 840px;

	/* Marketplace palette inspired by the provided reference. */
	--ssbc-page: #f5f5f7;
	--ssbc-surface: #ffffff;
	--ssbc-surface-soft: #f0f1f4;
	--ssbc-surface-muted: #ebecef;
	--ssbc-ink: #33353d;
	--ssbc-ink-soft: #4b4e57;
	--ssbc-muted: #747985;
	--ssbc-subtle: #9aa0aa;
	--ssbc-line: #e1e4ea;
	--ssbc-line-strong: #c9ced8;
	--ssbc-navy: #08006f;
	--ssbc-magenta: #e60058;
	--ssbc-magenta-dark: #c8004d;
	--ssbc-pink-soft: #ffc0d2;
	--ssbc-yellow: #ffe83d;
	--ssbc-purple: #8c55e8;
	--ssbc-gold: var(--ssbc-magenta);
	--ssbc-gold-dark: var(--ssbc-magenta);
	--ssbc-gold-soft: #ffe4ed;
	--ssbc-sale: var(--ssbc-magenta);
	--ssbc-success: #008a60;
	--ssbc-danger: var(--ssbc-magenta);
	--ssbc-star: #ffb400;

	--ssbc-font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--ssbc-font-heading: var(--ssbc-font-body);
	--ssbc-text-xs: 12px;
	--ssbc-text-sm: 13px;
	--ssbc-text-md: 15px;
	--ssbc-text-lg: 17px;
	--ssbc-text-xl: 20px;
	--ssbc-h1: clamp(34px, 4vw, 62px);
	--ssbc-h2: clamp(28px, 3vw, 44px);
	--ssbc-h3: clamp(22px, 2vw, 30px);

	--ssbc-radius-sm: 6px;
	--ssbc-radius-md: 10px;
	--ssbc-radius-lg: 14px;
	--ssbc-radius-xl: 18px;
	--ssbc-radius-pill: 999px;
	--ssbc-shadow-sm: 0 6px 18px rgba(21, 19, 15, 0.06);
	--ssbc-shadow-md: 0 16px 36px rgba(21, 19, 15, 0.1);
	--ssbc-shadow-lg: 0 24px 54px rgba(21, 19, 15, 0.14);

	--ssbc-space-1: 4px;
	--ssbc-space-2: 8px;
	--ssbc-space-3: 12px;
	--ssbc-space-4: 16px;
	--ssbc-space-5: 20px;
	--ssbc-space-6: 24px;
	--ssbc-space-8: 32px;
	--ssbc-space-10: 40px;
	--ssbc-space-12: 48px;
	--ssbc-space-16: 64px;

	--ssbc-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
	--ssbc-speed: 180ms;
}