/* GoLava — design tokens
   Извлечено из Tilda: цвета, типографика, размеры сеток.
   Брейкпоинты соответствуют артбордам Tilda: 1200 / 960 / 640 / 320. */

@font-face {
  font-family: 'Golava';
  src: url('../fonts/FixelDisplay-Regular.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Golava';
  src: url('../fonts/PTSans-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Golava';
  src: url('../fonts/PTSans-Bold.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Golava';
  src: url('../fonts/FixelDisplay-Medium.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Golava';
  src: url('../fonts/FixelDisplay-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Палитра */
  --c-magenta: #e528e9;
  --c-magenta-alt: #ec1ee8;
  --c-magenta-dark: #d926dd;
  --c-navy: #0d0e4f;
  --c-indigo: #251752;
  --c-cyan: #6fdafe;
  --c-cyan-btn: #35c6f0;
  --c-white: #fff;
  --c-black: #000;
  --c-grey-border: #c7c7c7;

  /* Градиенты */
  --g-card-border: linear-gradient(73.08deg, var(--c-magenta-alt) 0%, var(--c-cyan) 100%);
  --g-badge: linear-gradient(69.12deg, #bf4e9d 0%, var(--c-cyan-btn) 100%);
  --g-top-choice: linear-gradient(90deg, #ec1ee8 0%, #6fdafe 100%);

  /* Типографика */
  --ff: 'Golava', 'PT Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --fs-h1: 41px;
  --lh-h1: 49px;
  --fs-h2: 22px;
  --lh-h2: 26px;
  --fs-h3: 20px;
  --lh-h3: 31px;
  --fs-card-title: 20px;
  --lh-card-title: 22px;
  --fs-body: 14px;
  --lh-body: 17px;
  --fs-body-lg: 18px;
  --lh-body-lg: 22px;
  --fs-small: 13px;
  --lh-small: 16px;
  --fs-btn: 14px;
  --lh-btn: 21.7px;

  /* Сетка / контейнер */
  --container: 1200px;
  --gutter: 40px;
  --card-radius: 10px;
  --panel-radius: 20px;
  --section-pad-y: 56px;
  --header-h: 72px;

  /* Прочее */
  --border-w: 2px;
  --shadow-card: 0 16px 40px rgba(0, 0, 0, .15);
  --t-fast: .15s ease;
  --t-mid: .25s ease;
}

/* 960: планшет */
@media (max-width: 1199px) {
  :root {
    --container: 960px;
    --gutter: 30px;
    --fs-h1: 29px;
    --lh-h1: 32px;
    --section-pad-y: 48px;
  }
}

/* 640: большой мобильный / малый планшет */
@media (max-width: 959px) {
  :root {
    --container: 640px;
    --gutter: 10px;
    --header-h: 74px;
    --fs-body: 12px;
    --lh-body: 14px;
    --fs-body-lg: 18px;
    --section-pad-y: 40px;
  }
}

/* 320: мобильный */
@media (max-width: 639px) {
  :root {
    --container: 320px;
    --gutter: 10px;
    --fs-h1: 32px;
    --lh-h1: 35px;
    --fs-body-lg: 14px;
    --lh-body-lg: 17px;
    --section-pad-y: 32px;
  }
}