/* ============================================================
   SKIF.PRO Site — design tokens
   Источник: Claude Design «SKIF.PRO Site UI Kit.dc.html»
   (макеты «Техническая поддержка», «Desktop header», «Заявка на доступ»)

   Все токены неймспейснуты префиксом --skif-, чтобы систему можно
   было подключать к любой странице без коллизий.
   ============================================================ */

:root {
  /* ---- Бренд ---- */
  --skif-blue: #1B5CD3;          /* основной синий */
  --skif-blue-700: #1449AE;      /* hover */
  --skif-blue-800: #0F3A8C;      /* press */
  --skif-blue-050: #EDF2FF;      /* плашки, подложки */
  --skif-blue-100: #DCE6FF;      /* press-подложка */
  --skif-blue-border: #D6E1FF;   /* рамка плашек */
  --skif-footer: #5078C8;        /* синий футера / CTA-блока */

  --skif-crimson: #D9285C;       /* акцент «.PRO», юр. ссылки, ошибки */
  --skif-crimson-700: #B81F4C;
  --skif-crimson-050: #FDECF1;
  --skif-crimson-border: #F4D3DE;

  /* Фирменный градиент — главный приём бренда.
     Только заливка главных кнопок/плиток и текст заголовков-призывов. */
  --skif-grad: linear-gradient(100deg, #2450C8 0%, #7A3F91 52%, #D9285C 100%);
  --skif-grad-hi: linear-gradient(100deg, #1C43B4 0%, #6C357F 52%, #C41F50 100%);

  /* ---- Нейтральные ---- */
  --skif-ink: #0F1319;           /* заголовки */
  --skif-dark: #22262E;          /* тёмная кнопка «Войти» */
  --skif-dark-hover: #343A45;
  --skif-dark-active: #171A20;
  --skif-text: #5C6575;          /* основной текст */
  --skif-muted: #8A93A3;         /* подписи, caption */
  --skif-line: #E3E8F1;          /* разделители, рамки карточек */
  --skif-line-2: #CBD4E3;        /* рамки полей и outline-кнопок */
  --skif-line-hover: #AEBBD1;
  --skif-tint: #F5F8FD;          /* светлая подложка секций */
  --skif-surface: #FFFFFF;
  --skif-canvas: #EEF1F6;        /* фон вне контента */
  --skif-disabled: #B9C3D4;      /* неактивная кнопка */
  --skif-disabled-bg: #F3F5F9;   /* неактивное поле */

  /* ---- Радиусы ---- */
  --skif-r-sm: 8px;              /* кнопки, поля */
  --skif-r: 10px;                /* карточки, плитки, плашки */
  --skif-r-lg: 14px;             /* крупные блоки, модальное окно */
  --skif-r-pill: 999px;

  /* ---- Тени ---- */
  --skif-sh-1: 0 1px 2px rgba(16, 24, 40, .05);
  --skif-sh-2: 0 14px 30px -10px rgba(27, 92, 211, .28);
  --skif-sh-on-blue: 0 10px 22px -8px rgba(9, 26, 64, .45);
  --skif-sh-modal: 0 30px 70px -20px rgba(9, 26, 64, .5);
  --skif-focus: 0 0 0 3px rgba(27, 92, 211, .18);
  --skif-focus-error: 0 0 0 3px rgba(217, 40, 92, .14);
  --skif-scrim: rgba(15, 19, 25, .45);

  /* ---- Движение ---- */
  --skif-e: 170ms cubic-bezier(.2, .7, .3, 1);   /* единый базовый переход */
  --skif-e-modal: 180ms cubic-bezier(.2, .7, .3, 1);

  /* ---- Типографика ---- */
  --skif-font: 'Onest', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --skif-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;

  /* ---- Сетка ---- */
  --skif-page: 1440px;           /* макет */
  --skif-container: 1240px;      /* контентная колонка, 12 колонок */
  --skif-gutter: 64px;
  --skif-gutter-mobile: 20px;
  --skif-header-h: 72px;
}