/* ============================================================
   Дизайн-токены лендинга IDENT × Битрикс24
   Источник значений: design_handoff_ident_bitrix24/README.md, раздел «Design Tokens».
   Значения не выдумываются и не округляются — менять только вместе с макетом.
   ============================================================ */

:root {
  /* --- Поверхности --- */
  --bg-page: #f7f6f2;            /* тёплый светлый: hero, чётные секции */
  --bg-section: #ffffff;         /* нечётные секции */
  --bg-dark: #122620;            /* тёмный петроль: «Решение», CTA, панели */
  --bg-footer: #0d1c17;

  /* --- Акцент --- */
  --accent: oklch(0.5 0.09 190);          /* кнопки, активные бордеры */
  --accent-text: oklch(0.42 0.08 190);    /* подписи, цифры, ссылки */
  --accent-label: oklch(0.45 0.08 190);   /* eyebrow-метки секций */
  --accent-on-dark: oklch(0.87 0.07 190); /* цифры и CTA на тёмном */
  --accent-soft: oklch(0.95 0.03 190);    /* подложка калькулятора, чипы */
  --accent-border: oklch(0.88 0.04 190);  /* рамки чипов */
  --accent-chip-bg: oklch(0.93 0.05 190); /* кружки-галочки */
  --accent-chip-text: oklch(0.4 0.08 190);
  --accent-chip-strong: oklch(0.35 0.07 190);
  --accent-step: oklch(0.7 0.06 190);     /* верхний бордер шагов внедрения */

  /* --- Текст --- */
  --text: #122620;
  --text-2: rgba(18, 38, 32, .68);
  --text-3: rgba(18, 38, 32, .5);
  --text-muted: rgba(18, 38, 32, .55);
  --text-on-dark-2: rgba(255, 255, 255, .65);
  --text-on-dark-3: rgba(255, 255, 255, .6);

  /* --- Линии --- */
  --border: rgba(18, 38, 32, .1);
  --border-soft: rgba(18, 38, 32, .08);
  --border-strong: rgba(18, 38, 32, .2);
  --border-on-dark: rgba(255, 255, 255, .08);

  /* --- Смысловые --- */
  --danger: #b4552f;             /* нумерация болей −1…−6 */
  --link: #177567;
  --link-hover: #0e4f47;
  --brand-ident: #00a3b4;        /* буква «i» в wordmark iDent */
  --brand-b24: #4bc5ff;          /* «24» в wordmark Битрикс24 */

  /* --- Шрифты --- */
  --font: 'Golos Text', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* --- Раскладка --- */
  --container: 1240px;
  --pad-x: clamp(20px, 4vw, 48px);
  --pad-y: clamp(48px, 7vw, 84px);        /* крупные секции */
  --pad-y-sm: clamp(44px, 6vw, 72px);     /* компактные секции */

  /* --- Радиусы --- */
  --r-btn-sm: 8px;
  --r-btn: 10px;
  --r-card-sm: 12px;
  --r-card: 14px;
  --r-card-lg: 16px;
  --r-panel: 20px;
  --r-pill: 99px;

  /* --- Тени --- */
  --sh-card: 0 12px 32px -18px rgba(18, 38, 32, .25);
  --sh-card-dark: 0 18px 40px -18px rgba(18, 38, 32, .5);
  --sh-panel: 0 20px 50px -30px rgba(18, 38, 32, .3);
  --sh-btn: 0 8px 20px -8px oklch(0.5 0.09 190 / .55);
}