:root {
  /* Габариты */
  --site-width: 1280px;
  --site-gap: 2rem;
  --header-height: 65px;
  --footer-height: 150px;

  /* Основные цвета */
  --color-dark: #333;
  --color-gray-300: #ccc; /* базовый gray (ранее --color-gray) */
  --color-gray-500: #999;
  --color-gray-700: #afafaf;
  --color-gray-800: #bfbfbf;
  

  /* Белый и фон */
  --color-white: #f4fff4; /* фирменный белый из оригинала */
  --color-white-pure: #fff; /* чистый белый */
  --color-bg: #21211f; /* фоновый цвет body */
  --color-bg-section: #21211f;/* фон для teasers и подобных секций var(--color-bg) */
  --color-bg-section-alt: #0D1B2A; /*313230*/
  --color-border-darker: #1a1a1a;
 --color-title: #fafafa;

  /* Акценты */
  --color-accent: #2b89d1; /* основной акцент */
  --color-accent-fade: rgba(43, 137, 209, .9);
  --color-accent-2: #ff8c00; /* вторичный акцент (например, кнопка в футере) */

  /* Шрифт */
  --font-main: "Gilroy-A", sans-serif;

  /* Скругления */
  --radius-sm: 0.25rem;
  --radius-md: 1.375rem;
  --radius-full: 100%;

  /* Иконки */
  --icon-size: 1.25rem;
  --icon-color: inherit;

  /* Прочее */
  --shadow-hover: 0 0 8px 0 rgba(0, 0, 0, 0.3);
  --hero-video-opacity: 0.7;
  --color-bg-overlay: rgba(0, 0, 0, 0.84);

	--duration: 0.3s;
  --easing: cubic-bezier(0.4, 0, 0.2, 1);
}