:root {
	--xxs: 4px;
	--2xs: 8px;
	--xs: 12px;
	--s: 16px;
	--m: 24px;
	--l: 32px;
	--xl: 44px;
	--xxl: 64px;

	--ava-m-w: 28px;
	--ava-m-h: 28px;

	--ava-s-w: 22px;
	--ava-s-h: 22px;

	--font-name: 'Inter';
	--font-size: 18px;

	--menu-item-height: 44px;
	--menu-item-gap: 12px;

	--menu-item-icon-w: 28px;
	--menu-item-icon-h: 28px;

	--fist-font-name: "DisketMono";
	--first-font-set: var(--fist-font-name), Helvetica, Arial, sans-serif;
	--second-font-name: "Body";
	--second-font-set: var(--second-font-name), Helvetica, Arial, sans-serif;

	--color-orange-500: #fa6a35;
	--color-orange-300: #ff4701;
	--color-orange-250: #e5470f;
	--color-orange-200: #cc3a05;

	--color-neutral: rgba(250, 242, 228, 0.89);
	--color-black: #000;
	--color-dark-gray: #0f0f0f;

	--text-color: var(--color-neutral);

	--sub-color: #404039;
	--sub-color2: #31312c;

	--second-color: var(--color-orange-500);
	--second-color-300: #0b689d;
	--second-color-400: var(--sub-color2);
	--second-color-500: #106da5;
	--second-color-700: #48b0ec;

	--notice-text-color: #a9e0ff;

	--third-color: var(--color-orange-300);
	--third-color-200: var(--color-orange-200);
	--third-color-500: var(--color-orange-500);

	--alert-bg: rgba(255, 0, 0, 0.27);
	--alert-success-bg: rgba(26, 255, 0, 0.27);

	--fourth-color: var(--third-color);

	--stat-bg: #05487C;
	--color-stat-header: #a2c3e0;

	--color-gray-300: #1a1a1aFF;

	--param-color: #ffffffaa;
	--header-color: var(--text-color);
	--i18-w: 72px;
	--i18-h: 72px;
	--bg-color: var(--color-black);
	--header-bg: var(--color-black);
	--header-height: 88px;

	--text-bold: #FCF7F6;
	--telegram-color: #009EEB;
	--text-muted: #ffffff;
	--text-white: #ffffff;
	--box-corner-radius: 0;
	--box-color-bg: var(--second-color);
	--box-padding: var(--m);
	--box-header-h: 64px;
	--point-r: 5px;
	--table-border-radius: 0;
	--input-corner-radius: 0;
	--color-placeholder: rgba(255, 255, 255, 0.5);

	--input-error-border: #ffffff;

	--color-link: var(--third-color);
	--color-link-hovered: var(--third-color-500);
	--color-link-visited: var(--third-color-200);

	--svg-corners-orange: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><rect x='0.5' y='0.5' width='15' height='15' fill='transparent' stroke='%23ff4700' stroke-width='1'/></svg>");
	--svg-corners-white: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><rect x='0.5' y='0.5' width='15' height='15' fill='transparent' stroke='%23fafae5' stroke-width='1'/></svg>");

	--bar-height: 72px;
	--menu-toggle-width: 64px;
	--ava-m-side: 24px;
	--ava-default-color: #767C80;
	--icon-adv-w: 36px;
	--icon-adv-h: 36px;
	--h: 40px;

	--btn-l-h: 48px;
	--btn-m-h: 40px;

	--padd: 3px;

	--review-bg: #306d8e6b;

	--hint-primary-bg: #FF2A00;

	--wtf-w: 640px;
	--wtf-aspect: 4 / 1;

	--btn-bg-color: var(--color-orange-300);
	--btn-bg-color-hovered: var(--color-orange-250);
	--btn-bg-color-active: var(--color-orange-200);

	--btn-text-color: #420d02;

	--btn-grad: linear-gradient(180deg, #FF2A00 0%, rgba(254, 242, 2, 0.88) 220%);
	--btn-grad-hovered: linear-gradient(180deg, #FF2A00 -10%, rgba(254, 242, 2, 0.88) 180%);

	--btn-secondary-grad: linear-gradient(355deg, #021F47 7%, #063366 99%);
	--btn-secondary-grad-hovered: linear-gradient(355deg, #021F47 -10%, #063366 70%);

	--small-h: 30px;
	--logo-height: 30px;
	--logo-height-mobile: 20px;
	--article-info-h: 36px;
}