/* =================================================================
   Air theme · 00-tokens.css
   Дизайн-токены + базовый reset + self-host шрифта Manrope.
   Единственный источник значений темы Air — остальные файлы
   (01-shell, 02-components, per-screen) ссылаются на эти переменные.

   Токены и reset перенесены ДОСЛОВНО из утверждённого шаблона
   variant-01-air-service/css/00-base.css (НЕ менять значения без шаблона).

   Шрифт Manrope — self-host (решение владельца), без Google Fonts CDN.
   Путь к woff2 — ДВА уровня вверх (../../): этот CSS лежит в web/css/air/,
   шрифты в web/fonts/manrope/. ../fonts дал бы /css/fonts = 404.
   ================================================================= */

/* --- self-host Manrope (cyrillic+latin), 5 начертаний --- */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../../fonts/manrope/manrope-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../../fonts/manrope/manrope-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../../fonts/manrope/manrope-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../../fonts/manrope/manrope-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../../fonts/manrope/manrope-800.woff2') format('woff2');
}

/* --- токены (дословно из шаблона 00-base.css) --- */
:root {
  --font-main: Manrope, sans-serif;
  --blue: #2c6bed;
  --blue-hover: #1d55d0;
  --blue-dark: #1b2a6b;
  --blue-soft: #eaf1fe;
  --blue-line: #e5f0ff;
  --text: #16223a;
  --muted: #5a6a82;
  --muted-alt: #6b7a90;
  --subtle: #8a98ac;
  --label: #46566e;
  --border: #e1e9f4;
  --border-soft: #e9eff7;
  --green: #16a06a;
  --amber: #e8a33d;
  --red: #e0243b;
  --bg: #f4f7fb;
  --surface: #fff;
  --radius-control: 13px;
  --radius-card: 14px;
  --shadow: 0 10px 30px rgba(28, 58, 110, 0.06);
  --shadow-control: 0 10px 22px rgba(44, 107, 237, 0.26);
}

/* --- базовый reset (дословно из шаблона 00-base.css) --- */
* {
  box-sizing: border-box;
}

html {
  scrollbar-gutter: stable;
}

body {
  margin: 0;
  min-height: 100vh;
  color: var(--text);
  background: var(--bg);
  font-family: var(--font-main);
  font-weight: 400;
  overflow-x: hidden;
}

button,
input,
textarea {
  font: inherit;
}

button {
  cursor: pointer;
}