/* UMI — design tokens (источник: PromLED tokens.css) */
:root {
	/* primary navy */
	--umi-primary: #0b1f33;
	--umi-primary-2: #142e47;
	--umi-primary-3: #061522;

	/* accent emerald */
	--umi-accent: #21b573;
	--umi-accent-h: #1fa463;
	--umi-accent-d: #178f54;
	--umi-accent-soft: #e6f7ef;

	/* cyan highlight */
	--umi-cyan: #2dd4ff;
	--umi-cyan-2: #00a8d8;
	--umi-cyan-soft: #e2f8fe;

	/* surfaces & text */
	--umi-bg: #ffffff;
	--umi-surface: #ffffff;
	--umi-surface-muted: #f6f8fa;
	--umi-surface-sunken: #edf1f6;
	--umi-text: #101820;
	--umi-text-2: #475569;
	--umi-text-3: #64748b;
	--umi-text-4: #94a3b8;
	--umi-text-link: #1a6fd9;
	--umi-muted: var(--umi-text-3);
	--umi-border: #e3e8ef;
	--umi-border-strong: #c9d2df;
	--umi-border-subtle: #eef2f6;

	/* on dark */
	--umi-on-dark: #b4c1d6;
	--umi-on-dark-2: #7e91b0;
	--umi-on-dark-3: #4f6488;
	--umi-border-dark: #2c4060;

	/* semantic */
	--umi-success: #21b573;
	--umi-success-bg: #e6f7ef;
	--umi-warning: #e08a0e;
	--umi-warning-bg: #fdf3e1;
	--umi-error: #d6342b;
	--umi-error-bg: #fceae8;
	--umi-info: #1a6fd9;
	--umi-info-bg: #e6f0fc;

	/* typography */
	--umi-font-sans: 'Manrope', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	--umi-font-mono: 'JetBrains Mono', 'IBM Plex Mono', ui-monospace, Menlo, Consolas, monospace;
	--umi-ls-caps: 0.07em;

	/* spacing scale (step 4px) */
	--umi-sp-1: 4px;
	--umi-sp-2: 8px;
	--umi-sp-3: 12px;
	--umi-sp-4: 16px;
	--umi-sp-5: 20px;
	--umi-sp-6: 24px;
	--umi-sp-7: 28px;
	--umi-sp-8: 32px;
	--umi-sp-10: 40px;
	--umi-sp-12: 48px;
	--umi-sp-14: 56px;
	--umi-sp-16: 64px;
	--umi-sp-18: 72px;
	--umi-sp-20: 80px;
	--umi-sp-24: 96px;

	/* vertical rhythm */
	--umi-gap-bc-top: var(--umi-sp-6);
	--umi-gap-bc-h1: var(--umi-sp-3);
	--umi-gap-h1-lead: var(--umi-sp-3);
	--umi-gap-h1-content: var(--umi-sp-7);
	--umi-gap-hero-bottom: var(--umi-sp-10);
	--umi-gap-block: var(--umi-sp-6);
	--umi-gap-page-bottom: var(--umi-sp-16);
	--umi-sec-pad: var(--umi-sp-18);
	--umi-sec-pad-tight: var(--umi-sp-12);
	--umi-sec-head-gap: var(--umi-sp-10);
	--umi-hero-pad: var(--umi-sp-24);

	/* layout */
	--umi-container: 1280px;
	--umi-container-pad: 32px;
	--umi-header-h: 80px;

	/* radii */
	--umi-radius-xs: 4px;
	--umi-radius-sm: 6px;
	--umi-radius: 10px;
	--umi-radius-md: 10px;
	--umi-radius-lg: 14px;
	--umi-radius-xl: 20px;
	--umi-radius-2xl: 28px;
	--umi-radius-pill: 999px;

	/* shadows */
	--umi-shadow-xs: 0 1px 2px rgba(11, 31, 51, 0.05);
	--umi-shadow-sm: 0 1px 3px rgba(11, 31, 51, 0.07), 0 1px 2px rgba(11, 31, 51, 0.04);
	--umi-shadow: 0 6px 16px rgba(11, 31, 51, 0.07), 0 2px 4px rgba(11, 31, 51, 0.04);
	--umi-shadow-md: var(--umi-shadow);
	--umi-shadow-lg: 0 14px 32px rgba(11, 31, 51, 0.1), 0 2px 6px rgba(11, 31, 51, 0.04);
	--umi-shadow-xl: 0 24px 60px rgba(11, 31, 51, 0.18), 0 4px 12px rgba(11, 31, 51, 0.06);
	--umi-shadow-card: 0 1px 2px rgba(11, 31, 51, 0.04);
	--umi-shadow-card-h: 0 16px 36px rgba(11, 31, 51, 0.1), 0 2px 6px rgba(11, 31, 51, 0.05);
	--umi-shadow-focus: 0 0 0 3px rgba(33, 181, 115, 0.28);
	--umi-shadow-accent: 0 8px 20px rgba(33, 181, 115, 0.3);

	/* motion */
	--umi-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
	--umi-ease-back: cubic-bezier(0.34, 1.4, 0.64, 1);
	--umi-d-fast: 140ms;
	--umi-d-base: 220ms;
	--umi-d-slow: 340ms;

	/* z-index */
	--umi-z-sticky: 50;
	--umi-z-mega: 120;
	--umi-z-drawer: 200;
	--umi-z-modal: 300;

	color-scheme: light;
}

@media (max-width: 1024px) {
	:root {
		--umi-container-pad: 24px;
		--umi-sec-pad: var(--umi-sp-14);
		--umi-sec-pad-tight: var(--umi-sp-10);
		--umi-sec-head-gap: var(--umi-sp-8);
		--umi-hero-pad: var(--umi-sp-18);
	}
}

@media (max-width: 640px) {
	:root {
		--umi-sec-pad: var(--umi-sp-12);
		--umi-sec-pad-tight: var(--umi-sp-8);
		--umi-sec-head-gap: var(--umi-sp-7);
		--umi-hero-pad: var(--umi-sp-14);
	}
}

@media (max-width: 480px) {
	:root {
		--umi-container-pad: 16px;
	}
}