/* black */
:root {
  --color-basic: #141116;
  --color-menu-background: #141116;
  --color-menu-text: #fff;
  --color-logotype-text: #99999e;
  --color-product-bg: rgba(20, 17, 22, 0.03);
  --color-basic-black: #141116;
  --color-basic-black-light: #4e4e4e;
  --color-basic-gray: #99999e;
  --color-basic-gray-secondary: #f3f3f4;
  --color-accent-basic: #e34f50;
  --color-accent-second: #fe442a;
  --color-accent-third: #ff2343;
  --color-accent-bright: #f32241;
  --color-accent-light: #ffe3e3;
  --color-secondary: #828187;
  --color-basic-green: #6d988c;
  --color-basic-green-bright: #2da771;
  --color-basic-green-light: #daece7;
  --color-overlay: rgba(0, 0, 0, .8);
  --color-white: #ffffff;
  --color-shadow: rgba(0, 0, 0, 0.15);
  --color-basic-secondary: #1d1929;
  --color-basic-secondary-medium: rgba(18, 18, 29, 0.6);
  --color-basic-secondary-semilight: rgba(18, 18, 29, 0.4);
  --color-basic-secondary-light: rgba(18, 18, 29, 0.3);
  --color-basic-secondary-easy: rgba(18, 18, 29, 0.2);
  --color-basic-secondary-soft: rgba(18, 18, 29, 0.12);
  --color-basic-secondary-extralight: rgba(18, 18, 29, 0.1);
  --color-basic-secondary-fade: rgba(18, 18, 29, 0.05);
  --color-white-basic: #ffffff;
  --color-white-blur: rgba(247, 247, 247, 0.8);
  --color-transparent: rgba(255, 255, 255, 0);
  --color-black-light: rgba(0, 0, 0, 0.2);
  --color-black-fade: rgba(0, 0, 0, 0.08);
  --color-black-extrafade: rgba(0, 0, 0, 0.04);
  --color-gray-extralight: #f3f3f3;
  --color-gray-light: #f4f4f4;
  --color-gray-semilight: #f9f9f9;
  --color-gray-pale: #f2f3f4;
  --color-gray-faint: #e7e7e8;
  --color-gray-ligthfaint: #e5e5e5;
  --color-gray-basic: #e8e8ea;
  --color-gray-soft: #dddddd;
  --color-gray-weak: #c8c7cc;
  --color-gray-medium: #a5a3a9;
  --color-gray-dimness: #8e8c94;
  --color-gray-dim: #9898A1;
  --color-gray-semidark: #77757f;
  --color-gray-dark: #6a717d;
  --color-gray-black: #34303e;
  --color-gray-black-semifade: rgba(52, 52, 52, 0.6);
  --color-gray-black-fade: rgba(60, 60, 67, 0.29);
  --color-gray-semifade: rgba(104, 117, 130, 0.6);
  --color-gray-fade: rgba(104, 117, 130, 0.2);
  --color-gray-extrafade: rgba(104, 117, 130, 0.08);
  --color-gray-stroke-checked: #979797;
  --color-gray-secondary: #9898A2;
  --color-gray-active: #cdcdcd;
  --color-gray-clear: #e3e3e4;
  --color-basic-border: rgba(153, 153, 158, 0.4);
  --color-second-border: #e3e3e4;
  --color-brand-facebook: #2c7efa;
  --color-brand-apple: #121212;
  --color-brand-vk: #2787f5;
  --color-button-bg: #141116;
  --color-button-disabled-text: #b3b3b3;
  --color-alert-error-bg: #fff1f3;
  --color-alert-success-bg: #eef8f5;
  --color-checkbox-disabled: #f1f1f1;
  --color-radio-disabled: #d1d1d1;
  --color-switch-bg: #c4c4c4;
  --color-tag: #1c6469;
  --color-tag-secondary: #85bf40;
  --color-overlay-bg: rgba(18, 18, 29, 0.25);
  --color-border: #eff1f3;
  --font-title-xl-size: 2.8rem;
  --font-title-xl-height: 3.6rem;
  --font-title-l-size: 2.4rem;
  --font-title-l-height: 3.2rem;
  --font-title-m-size: 2rem;
  --font-title-m-height: 2.8rem;
  --font-text-m-size: 1.6rem;
  --font-text-m-height: 2.4rem;
  --font-text-sm-size: 1.4rem;
  --font-text-sm-height: 1.8rem;
  --font-text-xs-size: 1.2rem;
  --font-text-xs-height: 1.6rem;
}