/* Generated by scripts/build-tokens.py from theme/woodmart-child/design/tokens.json.
   Do not edit: change tokens.json (only after the owner's «принимаю»), then run the generator.
   Variables live on .md-ds, not :root: the design system is switched on per page cohort. */

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("../fonts/inter/InterVariable.woff2") format("woff2");
}

.md-ds {
	--mds-color-surface-base: #FFFFFF;
	--mds-color-surface-muted: #F5F5F7;
	--mds-color-text-primary: #1D1D1F;
	--mds-color-text-secondary: #424245;
	--mds-color-text-tertiary: #6E6E73;
	--mds-color-text-link: #0066CC;
	--mds-color-text-positive: #17753F;
	--mds-color-text-on-action: var(--mds-color-surface-base);
	--mds-color-text-error: #D70015;
	--mds-color-text-warning: #B64400;
	--mds-color-border-control: #86868B;
	--mds-color-border-line: #D2D2D7;
	--mds-color-border-error: var(--mds-color-text-error);
	--mds-color-action-fill: #007AFF;
	--mds-color-action-hover: #0069DB;
	--mds-color-action-pressed: #0056B8;
	--mds-color-fill-neutral: #E8E8ED;
	--mds-color-fill-neutral-hover: #DCDCE1;
	--mds-color-fill-selected: #E6F2FF;
	--mds-color-focus-ring: var(--mds-color-action-fill);
	--mds-color-overlay-backdrop: rgb(29 29 31 / 0.4);

	--mds-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;

	--mds-fs-caption: 13px;
	--mds-fs-small: 15px;
	--mds-fs-body: 17px;
	--mds-fs-lead: 20px;
	--mds-fs-title-3: 24px;
	--mds-fs-title-2: 28px;
	--mds-fs-title-1: 44px;
	--mds-fs-button: 19px;

	--mds-fw-regular: 400;
	--mds-fw-semibold: 600;
	--mds-fw-bold: 700;

	--mds-lh-tight: 1.1;
	--mds-lh-title: 1.25;
	--mds-lh-body: 1.5;

	--mds-radius-sm: 8px;
	--mds-radius-md: 12px;
	--mds-radius-lg: 20px;

	--mds-shadow-sticky: 0 -1px 8px 0 rgb(29 29 31 / 0.12);

	--mds-space-1: 4px;
	--mds-space-2: 8px;
	--mds-space-3: 12px;
	--mds-space-4: 16px;
	--mds-space-5: 24px;
	--mds-space-6: 32px;
	--mds-space-7: 48px;
	--mds-space-8: 64px;

	--mds-size-control: 48px;
	--mds-size-hit: 44px;
	--mds-size-sticky-bar: 64px;
	--mds-size-border: 1px;
	--mds-size-focus-ring: 2px;
	--mds-size-container: 1248px;
	--mds-size-measure: 680px;
	--mds-size-icon: 24px;
	--mds-size-icon-service: 28px;
	--mds-size-icon-large: 32px;

	--mds-ratio-square: 1 / 1;
	--mds-ratio-step: 4 / 3;
	--mds-ratio-pair: 2 / 1;
	--mds-ratio-portrait: 4 / 5;
	--mds-ratio-video: 9 / 16;

	--mds-duration-fast: 120ms;
	--mds-duration-medium: 240ms;
	--mds-duration-slow: 320ms;

	--mds-ease-standard: cubic-bezier(0.4, 0, 0.6, 1);
	--mds-ease-enter: cubic-bezier(0.25, 0.1, 0.3, 1);

	--mds-distance-reveal: 16px;

	--mds-z-content: 0;
	--mds-z-sticky: 10;
	--mds-z-header: 20;
	--mds-z-overlay: 30;

	--mds-breakpoint-md: 768px;
	--mds-breakpoint-lg: 1100px;
}

@media (prefers-reduced-motion: reduce) {
	.md-ds {
		--mds-duration-fast: 0ms;
		--mds-duration-medium: 0ms;
		--mds-duration-slow: 0ms;
	}
}