/* =====================================================================
   САМОЛЁТ · Дизайн-токены
   Источник палитры — брендбук «Федоренко» (MF_Brandbook_28092017.pdf):
     RAL 5015 синий, RAL 3018 красный, RAL 1037 жёлтый, RAL 6032 зелёный,
     near-black R32 G37 B46.
   Логотип «Самолёт» — градиент #A3007D → #8572B7 → #4F7FD0 → #00C6E8.
   ---------------------------------------------------------------------
   Правило: НИ ОДИН цвет не пишется в других файлах напрямую —
   только через переменные отсюда. Ребрендинг = правка этого файла.
   ===================================================================== */

:root{
  /* ---------- Брендовые константы (не менять без брендбука) ---------- */
  --ral-5015:#2271B3;   /* небесно-синий  — основной акцент */
  --ral-3018:#D53032;   /* клубнично-красный — «не подойдёт», ошибки */
  --ral-1037:#F3A505;   /* солнечно-жёлтый — цена, даты, выделение */
  --ral-6032:#317F43;   /* сигнальный зелёный — «подходит», успех */
  --near-black:#20252E; /* R32 G37 B46 */

  --logo-1:#A3007D;
  --logo-2:#8572B7;
  --logo-3:#4F7FD0;
  --logo-4:#00C6E8;
  --logo-grad:linear-gradient(180deg,var(--logo-1) 0%,var(--logo-2) 42%,var(--logo-3) 68%,var(--logo-4) 100%);
  --logo-grad-x:linear-gradient(96deg,var(--logo-1) 0%,var(--logo-2) 34%,var(--logo-3) 64%,var(--logo-4) 100%);

  /* ---------- Поверхности ---------- */
  --bg:#0C0F14;             /* фон страницы — near-black, притемнённый */
  --bg-2:#11151C;           /* чередующаяся секция */
  --surface:#161B24;        /* карточка */
  --surface-2:#1B2029;      /* карточка на карточке / hover */
  --surface-light:#F2F4F7;  /* светлая секция (цена) */
  --hairline:rgba(255,255,255,.09);
  --hairline-2:rgba(255,255,255,.16);

  /* ---------- Текст ---------- */
  --text:#FFFFFF;
  --text-2:#B7BEC9;         /* основной читаемый серый, контраст 8.4:1 на --bg */
  --text-3:#7C8696;         /* подписи */
  --text-on-light:#161B24;
  --text-on-light-2:#525C6B;

  /* ---------- Акценты (производные) ---------- */
  --accent:#3D8FD6;         /* RAL 5015, осветлённый до AA на тёмном */
  --accent-deep:var(--ral-5015);
  --accent-soft:rgba(61,143,214,.14);
  --accent-line:rgba(61,143,214,.34);
  --gold:var(--ral-1037);
  --gold-soft:rgba(243,165,5,.12);
  --ok:#4CA862;             /* RAL 6032, осветлённый */
  --no:#E0575A;             /* RAL 3018, осветлённый */

  /* ---------- Типографика ---------- */
  --font-display:'Fedorenko Grotesk Display','Actay Wide','Arial Black',system-ui,sans-serif;
  --font-text:'Fedorenko Grotesk','Inter','Helvetica Neue',Helvetica,Arial,system-ui,sans-serif;

  --fs-h1:clamp(31px,4.05vw,58px);
  --fs-h2:clamp(26px,3.2vw,44px);
  --fs-h3:clamp(18px,1.6vw,23px);
  --fs-lead:clamp(16px,1.25vw,19px);
  --fs-body:16px;
  --fs-cap:13px;
  --lh-tight:1.07;
  --lh-head:1.12;
  --lh-body:1.62;
  --tracking-display:-.02em;
  --tracking-caps:.16em;

  /* ---------- Ритм (шкала Фибоначчи) ---------- */
  --s1:8px; --s2:13px; --s3:21px; --s4:34px; --s5:55px; --s6:89px; --s7:120px;
  --sec-pad:clamp(64px,8vw,120px);
  --maxw:1240px;
  --nav-h:72px;

  /* ---------- Форма ---------- */
  --r-sm:10px;
  --r:18px;
  --r-lg:28px;

  /* ---------- Глубина ---------- */
  --sh-1:0 2px 10px rgba(0,0,0,.34);
  --sh-2:0 18px 44px rgba(0,0,0,.46);
  --sh-3:0 34px 90px rgba(0,0,0,.60);
  --sh-accent:0 24px 60px rgba(34,113,179,.30);
  --inner-top:inset 0 1px 0 rgba(255,255,255,.07);

  /* ---------- Движение ---------- */
  --ease:cubic-bezier(.22,.68,.24,1);
  --t-fast:.22s var(--ease);
  --t:.42s var(--ease);
  --t-slow:.7s var(--ease);
}

/* Шрифты. Actay Wide Bold — временный акцидентный, пока не переданы
   файлы Fedorenko Grotesk Display. Когда файлы будут — положить их в
   assets/fonts/ и раскомментировать блоки ниже; --font-display
   подхватит их автоматически (они стоят первыми в стеке). */
@font-face{
  font-family:'Actay Wide';
  src:url('../fonts/actay-wide-bold.woff2') format('woff2'),
      url('../fonts/actay-wide-bold.otf') format('opentype');
  font-weight:700;font-style:normal;font-display:swap;
}
/*
@font-face{
  font-family:'Fedorenko Grotesk Display';
  src:url('../fonts/fedorenko-grotesk-display.woff2') format('woff2');
  font-weight:700;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Fedorenko Grotesk';
  src:url('../fonts/fedorenko-grotesk.woff2') format('woff2');
  font-weight:400;font-style:normal;font-display:swap;
}
*/