:root {
--accent: #b9561a;
--accent-hover: #9d4715;
--accent-active: #843a10;
--accent-weak: #fbeee5;
--accent-line: #f0d0b8;
--accent-ring: rgba(185, 86, 26, .35);
--accent-grad: linear-gradient(180deg, #c96420 0%, #bb5a1c 55%, #ad5018 100%);
--on-accent: #ffffff;
--bg: #f4f5f8;
--surface: #ffffff;
--surface-sunk: #f7f8fa;
--surface-hover: #fbfbfc;
--line: #e2e4ea;
--line-soft: #eef0f4;
--line-strong: #c9cdd6;
--text: #1a1c22;
--text-2: #5b606a;
--text-3: #6b707a;
--text-disabled: #b3b8c2;
--ok: #1e8e3e;      --ok-weak: #e6f4ea;
--warn: #b26a00;    --warn-weak: #fdf3e1;
--danger: #c5221f;  --danger-weak: #fce8e6;
--info: #1a5fb4;    --info-weak: #e8f0fb;
--dark: #11141a; --dark-2: #232a36; --dark-grad: linear-gradient(135deg, #11141a 0%, #232a36 100%);
--on-dark: #ffffff; --on-dark-2: rgba(255, 255, 255, .72); --on-dark-3: rgba(255, 255, 255, .5);
--on-dark-line: rgba(255, 255, 255, .28); --on-dark-hover: rgba(255, 255, 255, .1);
--font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
--font-num: var(--font);
--font-head: 'Manrope', var(--font);
--fs-11: 11px; --fs-12: 12px; --fs-13: 13px; --fs-14: 14px; --fs-15: 15px; --fs-16: 16px;
--fs-18: 18px; --fs-20: 20px; --fs-22: 22px; --fs-24: 24px; --fs-28: 28px; --fs-32: 32px; --fs-40: 40px;
--lh-tight: 1.15; --lh-snug: 1.3; --lh-base: 1.5; --lh-loose: 1.65;
--fw-400: 400; --fw-500: 500; --fw-600: 600; --fw-700: 700; --fw-800: 800;
--tr-tight: -.02em; --tr-snug: -.01em; --tr-0: 0; --tr-wide: .06em;
--s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 20px; --s-6: 24px;
--s-8: 32px; --s-10: 40px; --s-12: 48px; --s-16: 64px; --s-20: 80px;
--r-sm: 4px; --r-md: 8px; --r-lg: 12px; --r-xl: 16px; --r-pill: 999px; --bw: 1px;
--icon-stroke: 1.75;
--sh-1: 0 1px 2px rgba(17, 20, 26, .06);
--sh-2: 0 4px 12px rgba(17, 20, 26, .08);
--sh-3: 0 12px 32px rgba(17, 20, 26, .12);
--overlay: rgb(17 24 39 / 0.45);
--ic-flag-ru: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Ccircle cx='10' cy='10' r='10'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='20' height='20' fill='%23fff'/%3E%3Crect y='6.67' width='20' height='13.33' fill='%230039a6'/%3E%3Crect y='13.33' width='20' height='6.67' fill='%23d52b1e'/%3E%3C/g%3E%3C/svg%3E");
--flag-ring: 0 0 0 1px rgba(0, 0, 0, .12);
--sh-inset: inset 0 1px 2px rgba(17, 20, 26, .06);
--ring: 0 0 0 3px var(--accent-ring);
--d-1: 80ms; --d-2: 160ms; --d-3: 240ms; --d-4: 400ms;
--ease: cubic-bezier(.2, .7, .2, 1);
--ease-in: cubic-bezier(.4, 0, 1, 1);
--ease-soft: cubic-bezier(.22, 1, .36, 1);
--lift-hover: -2px;
--container: 1440px; --pad-x: var(--s-6); --facets-w: 248px; --grid-gap: var(--s-4);
--container-wide: 1680px; --nav-w: 236px;
--cols: 2;
--card-min: 200px; --thumb-ratio: 1 / 1; --thumb-ratio-home: 4 / 3; --header-h: 64px; --subheader-h: 40px;
--z-base: 0; --z-sticky: 10; --z-header: 1000; --z-drawer: 1200; --z-modal: 2000; --z-toast: 2200;
}