/* Сгенерировано командой `verstka tokens`. Не править вручную: имена и значения меняются
   через tokens.config.json проекта. */
:root {
  /* Цвета */
  --color-white: #ffffff;
  --color-black: #181d27;
  --color-crimson: #de2427;
  --color-gold: #fbc80f;
  --color-gainsboro: #d9d9d9;
  --color-royalblue: #004f9f;
  --color-steelblue: #00b1eb;
  --color-black-light: #2b2a29;
  --color-whitesmoke: #f5f5f5;
  --color-darkslategray: #414651;
  --color-black-2: #000000;
  --color-midnightblue: #2c4592;
  --color-firebrick: #b62c2a;
  --color-crimson-2: #d52326;
  --color-whitesmoke-dark: #e9eaeb;
  --color-steelblue-light: #0095db;
  --color-slategray: #717680;
  --color-midnightblue-light: #003066;
  --color-midnightblue-light-2: #004899;
  --color-royalblue-dark: #0061c3;
  --color-steelblue-dark: #006fb9;
  --color-dodgerblue: #00adff;
  --color-midnightblue-2: #021c69;
  --color-black-light-2: #0e131c;
  --color-darkslategray-dark: #123b12;
  --color-black-light-3: #161616;
  --color-black-light-4: #252525;
  --color-gainsboro-2: #e3e3e3;
  --color-black-2-a60: rgb(0 0 0 / 0.6);
  --color-black-2-a28: rgb(0 0 0 / 0.28);
  --color-black-2-a25: rgb(0 0 0 / 0.25);
  --color-white-a20: rgb(255 255 255 / 0.2);
  --color-black-2-a15: rgb(0 0 0 / 0.15);
  --color-black-2-a22: rgb(0 0 0 / 0.22);

  /* Градиенты */
  --gradient-1: linear-gradient(180deg, rgb(0 0 0 / 0) 0%, rgb(0 0 0 / 0.6) 100%);
  --gradient-2: linear-gradient(180deg, rgb(24 29 39 / 0) 0%, #181d27 100%);
  --gradient-3: linear-gradient(271deg, #0061c3 35.5%, #00adff 66.8%, #ffffff 100%);
  --gradient-4: linear-gradient(135deg, rgb(0 0 0 / 0) 0%, #000000 100%);
  --gradient-5: linear-gradient(271deg, #0061c3 35.5%, #00adff 66.8%, #ffffff 97.6%);
  --gradient-6: linear-gradient(90deg, #000000 0%, rgb(0 0 0 / 0) 100%);

  /* Шрифты */
  --font-inter: Inter, sans-serif;
  --font-oswald: Oswald, sans-serif;

  /* Размеры шрифта */
  --fs-12: 0.75rem; /* 12px */
  --fs-12-7: 0.7937rem; /* 12.699999809265137px */
  --fs-14: 0.875rem; /* 14px */
  --fs-16: 1rem; /* 16px */
  --fs-18: 1.125rem; /* 18px */
  --fs-24: 1.5rem; /* 24px */
  --fs-32: 2rem; /* 32px */
  --fs-40: 2.5rem; /* 40px */
  --fs-48: 3rem; /* 48px */
  --fs-64: 4rem; /* 64px */
  --fs-80: 5rem; /* 80px */

  /* Межстрочный интервал */
  --lh-100: 1;
  --lh-110: 1.1;
  --lh-120: 1.2;
  --lh-130: 1.3;
  --lh-140: 1.4;
  --lh-146: 1.462;
  --lh-150: 1.5;
  --lh-152: 1.522;
  --lh-200: 2;

  /* Отступы */
  --space-3: 0.1875rem; /* 3px */
  --space-5: 0.3125rem; /* 5px */
  --space-8: 0.5rem; /* 8px */
  --space-12: 0.75rem; /* 12px */
  --space-14: 0.875rem; /* 14px */
  --space-16: 1rem; /* 16px */
  --space-20: 1.25rem; /* 20px */
  --space-24: 1.5rem; /* 24px */
  --space-28: 1.75rem; /* 28px */
  --space-30: 1.875rem; /* 30px */
  --space-32: 2rem; /* 32px */
  --space-36: 2.25rem; /* 36px */
  --space-40: 2.5rem; /* 40px */
  --space-60: 3.75rem; /* 60px */

  /* Радиусы */
  --radius-2: 2px;
  --radius-4: 4px;
  --radius-12: 12px;
  --radius-16: 16px;
  --radius-20: 20px;
  --radius-24: 24px;
  --radius-33: 33px;
  --radius-full: 9999px;

  /* Толщина границ */
  --border-1: 1px;
  --border-2: 2px;
  --border-8: 8px;
  --border-11: 11px;

  /* Тени */
  --shadow-1: 0px 0px 1px 0px rgb(0 0 0 / 0.28);
  --shadow-2: 8px 16px 20px 0px rgb(0 0 0 / 0.25);
  --shadow-3: 0px 28px 52px 0px rgb(0 0 0 / 0.15);
  --shadow-4: 20px 32px 40px 0px rgb(0 0 0 / 0.15);
  --shadow-5: 0px 36px 64px 0px rgb(0 0 0 / 0.22);
  --shadow-6: 20px 40px 24px 0px rgb(0 0 0 / 0.25);
  --shadow-7: 84px 76px 80px 0px rgb(0 0 0 / 0.3);
  --shadow-8: 0px 76px 64px 0px rgb(0 0 0 / 0.25);

  /* Брейкпоинты (min-width, mobile-first): sm: 576px, md: 768px, lg: 1024px, xl: 1280px, 2xl: 1920px. В media-queries var() не работает,
     значения продублированы в tokens.json. */
}
