@font-face {
  font-family: 'Gilroy';
  src: url('../assets/fonts/Gilroy-Regular.woff2') format('woff2'),
       url('../assets/fonts/Gilroy-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('../assets/fonts/Gilroy-Medium.woff2') format('woff2'),
       url('../assets/fonts/Gilroy-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('../assets/fonts/Gilroy-SemiBold.woff2') format('woff2'),
       url('../assets/fonts/Gilroy-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gilroy';
  src: url('../assets/fonts/Gilroy-Bold.woff2') format('woff2'),
       url('../assets/fonts/Gilroy-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Цвета */
  --color-bg: #ffffff;
  --color-bg-footer: #1a1a1a;
  --color-text: #1a1a1a;
  --color-text-secondary: #646464;
  --color-accent: #e63329;       /* уточнить по сайту */
  --color-accent-hover: #c42820;
  --color-border: #e5e5e5;
  --color-card-bg: #f7f7f7;

  /* Шрифт */
  --font-family: 'Gilroy', sans-serif;

  /* Размеры шрифтов */
  --fs-h1: 48px;
  --fs-h2: 36px;
  --fs-h3: 24px;
  --fs-body: 16px;
  --fs-small: 14px;
  --fs-xs: 12px;

  /* Отступы */
  --section-padding: 80px 0;
  --container-width: 1200px;
  --container-padding: 0 20px;
  --gap: 24px;
  --gap-sm: 16px;

  /* Радиусы */
  --radius: 8px;
  --radius-sm: 4px;
  --radius-btn: 4px;

  /* Тени */
  --shadow-card: 0 2px 16px rgba(0, 0, 0, 0.08);
}