/* Дизайн-токены ID Solutions — тёмная фирменная тема (воспроизведение текущего сайта без Tilda).
   Менять оформление = менять переменные здесь. */
:root {
  /* Тёмная основа */
  --c-bg: #141414;            /* фон страницы */
  --c-bg-2: #1c1c1c;          /* секции-чередование/поля форм */
  --c-header: #000000;        /* шапка (solid при скролле) */
  --c-text: #eeeeee;          /* основной текст на тёмном */
  --c-muted: #b9b9b9;         /* приглушённый текст */
  --c-border: #2c2c2c;        /* границы на тёмном */

  /* Светлые карточки (как в оригинале — #eeeeee на тёмном фоне) */
  --c-card: #eeeeee;
  --c-card-text: #141414;
  --c-card-muted: #4a4a4a;

  /* Фирменный акцент (оранжевый) */
  --c-accent: #cc5a35;
  --c-accent-hover: #e06b43;
  --c-accent-ink: #141414;    /* текст на оранжевой заливке */

  /* Семантика статусов (FSSP-виджет) */
  --c-ok: #38b16a;
  --c-warn: #d59016;
  --c-err: #e0533f;
  --c-unknown: #8a93a0;

  /* Каналы связи */
  --c-tg: #2aa8e0;
  --c-max: #8a6bff;

  /* Типографика — Roboto (как в оригинале) */
  --font-sans: 'Roboto', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  --fs-base: 16px;
  --lh-base: 1.6;

  /* Геометрия */
  --container: 1200px;
  --radius: 12px;
  --radius-sm: 8px;
  --radius-pill: 40px;        /* pill-кнопки как в оригинале */
  --space: 16px;
  --space-lg: 32px;
  --section-pad: 90px;        /* вертикальные отступы секций (Tilda t-rec_pt_90) */
  --shadow: 0 8px 30px rgba(0, 0, 0, .35);
}