/* Дизайн-система АЭРОТЕХНОКАРТ: общая основа для сайта и сервиса.
   Источник: система, которую владелец выбрал для сайта НЕВА АЭРО (Integrated Biosciences),
   и сам сайт-образец. 13.11.2026 акцент по просьбе владельца снова зелёный, как в исходной
   системе (#cef79e). Правила записаны в DESIGN.md в корне папки.
   SHAPE LOCK: кнопки 8px, навигация 12px, картинки 16px, карточки 20px, крупные карточки 40px, теги 9999px.
   COLOR LOCK: акцент только на мелких поверхностях (стрелка 40x40, знак в теге, активный пункт, прогресс).
   ELEVATION LOCK: теней нет. Глубина только контрастом поверхностей и линией 1px.
   WEIGHT LOCK: Benzin для заголовков и отдельных кнопок, Onest 400 для текста и меток. */

@font-face{font-family:'Benzin';src:url('/static/site/fonts/Benzin-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Benzin';src:url('/static/site/fonts/Benzin-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Benzin';src:url('/static/site/fonts/Benzin-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Onest';src:url('/static/site/fonts/Onest-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}

:root{
  /* Цвета. Названия как в сайте-образце. */
  --lime:#cef79e;        /* акцент: только мелкие поверхности */
  --lime-mark:#a6e36b;   /* тот же тон для тонкого знака логотипа */
  --lime-deep:#3e7b0f;   /* акцент на светлом, где светлый даёт слабый контраст */
  --ink:#222830;         /* текст, тёмный холст, главные кнопки на светлом */
  --bone:#f4f6f8;        /* светлый холст страницы */
  --paper:#ffffff;       /* карточки и поля на светлом, текст на тёмном */
  --graphite:#4a515a;    /* второстепенный текст, контур на тёмном */
  --lichen:#bac4cf;      /* линии 1px и контуры на светлом */
  --tissue:#dfe4ea;      /* вторая светлая поверхность */
  --frost:#eeeeee;       /* нейтральная светлая поверхность */
  --void:#000000;        /* только подвал сайта */
  --on-dark-mute:rgba(255,255,255,.62);
  --on-dark-faint:rgba(255,255,255,.56);

  /* Шрифты. */
  --sans:'Onest',system-ui,-apple-system,'Segoe UI',sans-serif;
  --disp:'Benzin','Onest',system-ui,sans-serif;
  --mono:'Onest',system-ui,-apple-system,'Segoe UI',sans-serif;

  /* Шкала текста: максимум каждого clamp равен значению системы. */
  --t-caption:13px;
  --t-body:clamp(16px,1.25vw,18px);
  --t-body-lg:clamp(18px,1.5vw,22px);
  --t-subheading:clamp(20px,1.7vw,24px);
  --t-heading-sm:clamp(24px,2.6vw,36px);
  --t-heading-lg:clamp(30px,4vw,58px);
  --t-display:clamp(34px,5.2vw,75px);
  --t-display-lg:clamp(38px,6.2vw,89px);
  --t-display-xl:clamp(42px,7.7vw,111px);
  --t-hero:clamp(50px,10.6vw,158px);

  /* Формы. */
  --r-buttons:8px;
  --r-nav:12px;
  --r-img:16px;
  --r-cards:20px;
  --r-large:40px;
  --r-tags:9999px;

  /* Отступы: шаг 4px. */
  --spacing-4:4px;--spacing-8:8px;--spacing-12:12px;--spacing-16:16px;--spacing-20:20px;
  --spacing-24:24px;--spacing-40:40px;--spacing-48:48px;--spacing-60:60px;--spacing-88:88px;

  /* Раскладка. */
  --page:1200px;
  --gut:clamp(20px,4.4vw,48px);
  --pad-x:clamp(20px,3.1vw,47px);
  --section:clamp(80px,10vw,120px);
  --card-pad:clamp(24px,3.2vw,40px);
  --ease:cubic-bezier(.2,.6,.2,1);
}

/* ─── ПРИЛОЖЕНИЕ (кабинет, панель администратора, компания, вход).
   Добавлено для сервиса. Значения выше не менялись. */
:root{
  --mute:#5b636e;              /* третий уровень текста на светлом: 4.7:1 даже на --tissue */
  --danger:#b3261e;            /* ошибка и опасное действие: всегда со словом или знаком */
  --warn:#c77a12;              /* требует внимания: только знак рядом со словом */
  --ok:var(--lime-deep);       /* «работает, включено»: сигнальный тон акцента, зелёный занят данными */
  --veil:rgba(34,40,48,.56);   /* затемнение под окном */

  /* Данные, не оформление: состояние посевов. В интерфейсе эти цвета ничего не красят. */
  --health-good:#22c55e;
  --health-mid:#eab308;
  --health-weak:#ef4444;
  --health-none:#8a7a66;

  /* Плотная шкала текста для рабочих экранов. */
  --a-body:15px;
  --a-small:14px;
  --a-caption:13px;
  --a-label:12px;
  --a-title-lg:clamp(26px,2.6vw,36px);
  --a-title:20px;
  --a-title-sm:16px;
  --a-number-lg:clamp(34px,3.4vw,44px);
  --a-number:24px;

  /* Раскладка приложения. */
  --a-ring:12px;               /* поле вокруг рабочей области и зазор между карточками */
  --a-pad:24px;
  --a-pad-sm:16px;
  --a-control:40px;
  --a-control-sm:32px;
  --spacing-32:32px;
}