:root {
	
	
	--wm-color-primary: var(--primary-color, #5B4BD6);
	--wm-color-secondary: var(--fs-color-secondary, #d26e4b);
	--wm-color-success: var(--fs-color-success, #7a9c59);
	--wm-color-alert: var(--fs-color-alert, #b20000);

	
	--wm-color-accent: #5B4BD6;
	--wm-color-sale:   #C62F3B;
	--wm-color-star:   #F2A93B;
	--wm-color-verified: #3fae52;

	
	--wm-legacy-ink: #637381;
	--wm-legacy-ink-hover: #333;
	--wm-legacy-star-empty: #dcdce4;
	--wm-legacy-line: #ededed;
	--wm-legacy-line-2: #eee;
	--wm-legacy-line-3: #b0b0b0;
	--wm-legacy-bg: #f4f4f46b;

	
	--wm-white: #fff;
	--wm-white-rgb: 255, 255, 255;
	--wm-ink-max: #000;
	
	--wm-scrim: #17142a;
	--wm-scrim-rgb: 23, 20, 44;

	--wm-surface: var(--wm-white);
	--wm-on-primary: var(--wm-white);
	--wm-on-dark-strong: var(--wm-white);
	--wm-on-dark-rgb: var(--wm-white-rgb);

	--wm-ink: #201c33;
	--wm-ink-2: #5c5871;
	--wm-ink-3: #8d8a9e;
	--wm-on-dark: rgba(255, 255, 255, .82);
	--wm-bg-soft: #f7f6fb;
	--wm-bg-soft-2: #fbfbfd;

	--wm-border: color-mix(in srgb, var(--wm-ink) 10%, transparent);
	--wm-border-strong: color-mix(in srgb, var(--wm-ink) 16%, transparent);

	--wm-ring: color-mix(in srgb, var(--wm-color-primary) 25%, transparent);
}

@supports not (color: color-mix(in srgb, #000, #fff)) {
	:root {
		--wm-border: rgba(32, 28, 51, .10);
		--wm-border-strong: rgba(32, 28, 51, .16);
		--wm-ring: rgba(32, 28, 51, .22);
	}
}
:root {

	
	
	--wm-fs-12: .75rem;
	--wm-fs-14: .875rem;
	--wm-fs-16: 1rem;
	--wm-fs-18: 1.125rem;
	--wm-fs-24: 1.5rem;
	--wm-fs-32: 2rem;
	--wm-fs-42: 2.625rem;
	--wm-h1: var(--wm-fs-42);
	--wm-h2: var(--wm-fs-32);
	--wm-h3: var(--wm-fs-24);
	--wm-h4: var(--wm-fs-18);
	--wm-fw-normal: 400;
	--wm-fw-semi: 600;
	--wm-fw-bold: 700;
	--wm-lh-tight: 1.15;
	
	--wm-btn-pad-y: 12px;
	--wm-btn-pad-x: 24px;
	--wm-btn-min-h: 44px;
	--wm-lh-h2: 1.2;
	--wm-lh-h3: 1.3;
	--wm-lh-body: 1.7;
	--wm-track-tight: -0.02em;
	--wm-track-snug: -0.01em;
	--wm-measure: 72ch;

	--wm-s1: 4px;  --wm-s2: 8px;   --wm-s3: 12px; --wm-s4: 16px;
	--wm-s5: 24px; --wm-s6: 32px;  --wm-s7: 48px; --wm-s8: 64px; --wm-s9: 80px;
	
	--wm-sec-tight: 40px;
	--wm-sec-medium: 64px;
	--wm-sec-large: 80px;
	
	--wm-banner-ratio-desktop: 16 / 7;
	--wm-banner-ratio-mobile: 4 / 5;
	--wm-banner-pos: 50% 50%;
	--wm-banner-min: 0px;
	
	--wm-section-pad: clamp(2.5rem, 1.6rem + 3.5vw, 4.5rem);

	--wm-r-sm: 8px;
	--wm-r-md: 14px;
	--wm-r-lg: 20px;
	--wm-r-full: 999px;
	--wm-r-btn: 8px;

	
	
	--wm-shadow-tint: 23, 20, 44;
	--wm-shadow-sm:
		0 1px 2px rgba(var(--wm-shadow-tint), .06),
		0 8px 24px -12px rgba(var(--wm-shadow-tint), .14);
	--wm-shadow-md:
		0 2px 4px rgba(var(--wm-shadow-tint), .06),
		0 18px 36px -16px rgba(var(--wm-shadow-tint), .22);
	--wm-shadow-lg:
		0 4px 8px rgba(var(--wm-shadow-tint), .06),
		0 28px 56px -20px rgba(var(--wm-shadow-tint), .28);
	--wm-shadow-xl: var(--wm-shadow-lg);
	
	--wm-shadow-primary: var(--wm-shadow-md);

	
	--wm-x-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg stroke='%23000' stroke-width='3.2' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10'/%3E%3Cpath d='M17 7L7 17'/%3E%3C/g%3E%3C/svg%3E");

	--wm-star-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 17.3l-6.2 3.7 1.7-7L2 9.2l7.2-.6L12 2l2.8 6.6 7.2.6-5.5 4.8 1.7 7z'/%3E%3C/svg%3E");

	
	
	--wm-ease: cubic-bezier(.2, .7, .3, 1);
	--wm-ease-out: var(--wm-ease);
	--wm-ease-in-out: var(--wm-ease);
	--wm-t-fast: .18s;
	--wm-t: .26s;
	--wm-t-slow: .4s;
}

@media (max-width: 549px) {
	:root {
		--wm-h1: var(--wm-fs-32);
		--wm-h2: var(--wm-fs-24);
		--wm-h3: var(--wm-fs-18);
		--wm-lh-tight: 1.25;
		--wm-sec-tight: 24px;
		--wm-sec-medium: 40px;
		--wm-sec-large: 48px;
	}
}