/* ==========================================================================
   SIGNALAB — шрифты и токены дизайн-системы
   Общая основа сайта и брендбука: подключается перед style.css
   и перед стилями носителей в brand/
   ========================================================================== */

/* ==========================================================================
   Шрифты
   ========================================================================== */

/* Manrope — latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('../fonts/manrope-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Manrope — latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('../fonts/manrope-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Manrope — cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('../fonts/manrope-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Manrope — cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('../fonts/manrope-cyrillic-ext.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* Inter — latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('../fonts/inter-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Inter — latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('../fonts/inter-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Inter — cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('../fonts/inter-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Inter — cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('../fonts/inter-cyrillic-ext.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* JetBrains Mono — latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/jetbrains-mono-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* JetBrains Mono — latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/jetbrains-mono-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* JetBrains Mono — cyrillic */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/jetbrains-mono-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* JetBrains Mono — cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/jetbrains-mono-cyrillic-ext.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* ==========================================================================
   Токены дизайн-системы
   ========================================================================== */

:root {
  /* Фирменная палитра и её оттенки */
  --navy-950: #061323;
  --navy-900: #0a1e37;
  --navy-800: #0d2848;
  --navy: #123259;
  --navy-700: #1a4374;
  --navy-600: #24568f;
  --navy-500: #3a70ad;
  --navy-400: #6a94c2;
  --navy-300: #9db9d6;
  --navy-200: #c3d5e7;
  --navy-100: #dfe9f3;
  --navy-50: #eff4fa;

  --orange: #ee7a37;
  --orange-700: #b8541c;
  --orange-600: #d96322;
  --orange-400: #f59a63;
  --orange-300: #f9b891;
  --orange-200: #fbd6bd;
  --orange-50: #fdf3ec;

  /* Нейтрали */
  --ink: #0f1d2f;
  --body: #445b74;
  --muted: #71879f;
  --surface: #ffffff;
  --surface-alt: #f4f8fc;
  --line: #e2eaf3;

  /* Тёмные секции */
  --dark-bg: var(--navy-950);
  --dark-text: #e8f0f8;
  --dark-muted: #9db3c9;
  --dark-line: rgba(157, 185, 214, 0.18);
  --dark-card: rgba(255, 255, 255, 0.045);

  /* Типографика */
  --font-display: 'Manrope', 'Segoe UI', system-ui, sans-serif;
  --font-text: 'Inter', 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Consolas, monospace;

  /* Раскладка */
  --wrap: 1240px;
  --gutter: clamp(1rem, 4vw, 2.5rem);
  /* Радиусы: сквозная шкала, значение растёт вместе с размером в названии */
  --radius-xs: 5px; /* панели, карточки, таблицы, плитки */
  --radius-sm: 10px; /* вложенные блоки: callout, поля ввода */
  --radius-md: 16px; /* блок метрик */
  --radius-lg: 24px; /* форма и карточка Telegram */
  --radius-xl: 32px; /* сквозная CTA-полоса */

  /* Тени */
  --shadow-sm: 0 1px 2px rgba(9, 30, 56, 0.06), 0 2px 8px rgba(9, 30, 56, 0.04);
  --shadow: 0 4px 12px rgba(9, 30, 56, 0.06), 0 12px 32px rgba(9, 30, 56, 0.07);
  --shadow-lg: 0 8px 20px rgba(9, 30, 56, 0.08), 0 28px 60px rgba(9, 30, 56, 0.12);
  --shadow-orange: 0 8px 24px rgba(238, 122, 55, 0.32);

  --header-h: 74px;
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}