/*
 * ВЕНДОРНАЯ КОПИЯ бренд-пакета «Форбион» — источник значений, НЕ правочный слой.
 * Источник: /root/f7c_design/brands/forbion/ (бренд-пак, авторство c-design) +
 * канон витрины /root/f7c_design/concept/forbion-1c/concept-v0.16.8.html (ячейка C).
 * Заведено 2026-07-31 ролью s-crm-front по наряду S026 (решение владельца, модаль):
 * переход CRM с izibuh на фирменный стиль Форбион, тема по умолчанию — светлая.
 *
 * Подключается ПЕРЕД styles.css (index.html). styles.css раскладывает эти --ds-*
 * по ролям интерфейса (--bg/--accent/--text/…). Значения не дублируются в двух местах.
 *
 * Контраст (WCAG, из BRAND.md/канона): фирменный зелёный #70B62C с БЕЛЫМ текстом = 2.50
 * (не проходит) → on-primary ЧЁРНЫЙ #1D1D1B (6.77). Зелёный ДЛЯ ТЕКСТА на светлом —
 * тёмный #3E7013 (--ds-text-link), не #70B62C. Зелёный = бренд, НЕ «успех» —
 * статусные цвета (успех/предупреждение/ошибка) живут отдельной шкалой в styles.css.
 */

/* Raleway (вариативный 100–900, SIL OFL) — локально из бренд-пака, latin+cyrillic. */
@font-face {
  font-family: 'Raleway'; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url('fonts/raleway-v37-var-cyrillic-ext.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Raleway'; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url('fonts/raleway-v37-var-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Raleway'; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url('fonts/raleway-v37-var-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Raleway'; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url('fonts/raleway-v37-var-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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* Акцент: фирменный зелёный PANTONE P 154-8 C. on-primary — ЧЁРНЫЙ (контраст). */
  --ds-color-primary: #70b62c;
  --ds-color-primary-hover: #63a427;
  --ds-color-primary-active: #5b9624;
  --ds-color-on-primary: #1d1d1b;
  --ds-color-accent: #478016;   /* тёмно-зелёный g2 — выделения на светлом */
  --ds-text-link: #3e7013;      /* зелёный ДЛЯ ТЕКСТА (gtxt) — читаемый на светлом */

  /* Поверхности: тёплый фон, белые карточки, фирменный серый для колонок/утоплений. */
  --ds-surface-page: #f7faf3;   /* warm — фон body */
  --ds-surface-raised: #ecf2f2; /* rz */
  --ds-surface-sunken: #ecf2f2; /* колонки доски */
  --ds-surface-inverse: #1d1d1b;

  /* Шрифт бренда. */
  --ds-font-base: 'Raleway', 'Segoe UI', system-ui, sans-serif;
  --ds-font-heading: 'Raleway', 'Segoe UI', system-ui, sans-serif;
  --ds-fw-semibold: 700;
  --ds-fw-bold: 800;
  --ds-fw-black: 800;           /* заголовки 800 (body 500 — в styles.css) */
  --ds-heading-tracking: -0.01em;

  /* Геометрия канона: карточки 26px, мелкие контролы 14–18, кнопки/чипы — пилюли. */
  --ds-radius-sm: 14px;
  --ds-radius-md: 18px;
  --ds-radius-lg: 22px;
  --ds-radius-card: 26px;
  --ds-radius-btn: 999px;

  /* Кнопочный градиент бренда (текст на нём — тёмный, on-primary). */
  --ds-gradient-brand: linear-gradient(180deg, #7cc43c, #63a427);
  /* Тень карточки — тёплая (ink), умеренная под плотность доски (не лендинговый hero). */
  --ds-shadow-card: 0 6px 14px rgba(29, 29, 27, 0.07), 0 22px 44px -26px rgba(29, 29, 27, 0.26);
}