/* RPC Design System — токены. Единственный источник значений: компоненты берут цвета, шрифты, отступы,
   радиусы и тени только отсюда. Описание и правила — DESIGN-SYSTEM.md, живой справочник — system.html. */

:root {
  /* ---------- Цвет: бренд ---------- */
  --red: #FF0000;            /* фирменный красный: лого, полоса-разделитель, декоративные акценты на тёмном */
  --accent: #E00000;         /* рабочий красный: кнопки, ссылки, мелкий красный текст — 5:1 с белым (у #FF0000 4:1, ниже AA) */
  --accent-hover: #C40000;
  --accent-ink: #FFFFFF;
  --accent-soft: #FDECEC;    /* подложка красных бейджей и иконок */

  /* ---------- Цвет: светлые поверхности ---------- */
  --bg: #FFFFFF;
  --surface: #F6F6F6;        /* серый с текущего сайта: секции, карточки на белом, поля ввода */
  --surface-2: #ECEDEE;
  --line: #E1E3E5;
  --line-strong: #1F2122;

  /* ---------- Цвет: текст на светлом ---------- */
  --ink: #1F2122;            /* графит с текущего сайта */
  --ink-2: #5B6066;          /* вторичный текст, описания */
  --ink-3: #6B7177;          /* подписи, мета, счётчики — минимум для мелкого текста (4.9:1 на белом) */

  /* ---------- Цвет: тёмные секции ---------- */
  --dark: #1F2122;
  --dark-2: #2A2D2F;
  --dark-ink: #F6F6F6;
  --dark-ink-2: #A8ADB2;
  --dark-line: rgba(255,255,255,.14);
  --tile-bg: #262829;        /* подложка фото-плиток каталога, совпадает с фоном рендеров продукции */

  /* ---------- Цвет: состояния ---------- */
  --success: #1E8E4E;
  --success-soft: #E7F5EC;
  --warning: #B26A00;
  --warning-soft: #FFF3DF;
  --danger: var(--accent);
  --danger-soft: var(--accent-soft);
  --info: #1F5FBF;
  --info-soft: #E8F0FC;

  /* ---------- Типографика ---------- */
  --font-h: 'Geologica', 'Onest', system-ui, sans-serif;
  --font-b: 'Onest', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --h-weight: 700;
  --h-track: -0.03em;
  --h-lh: 1.08;
  --b-weight: 400;
  --b-size: 17px;
  --b-lh: 1.55;

  --fs-display: clamp(32px, 3.55vw, 54px);   /* H1 главной */
  --fs-h1: clamp(30px, 3.2vw, 48px);         /* H1 внутренних страниц */
  --fs-h1-long: clamp(24px, 2.2vw, 34px);    /* H1 карточки товара: названия до 110 знаков */
  --fs-h2: clamp(28px, 3.4vw, 46px);         /* заголовок секции */
  --fs-h3: clamp(20px, 1.6vw, 24px);         /* заголовок карточки/подраздела */
  --fs-h4: 19px;
  --fs-h5: 16px;
  --fs-lead: clamp(16px, 1.25vw, 19px);
  --fs-body: var(--b-size);
  --fs-sm: 14.5px;
  --fs-xs: 13px;
  --fs-micro: 12px;                          /* капс-подписи (eyebrow, мета) с разрядкой */

  /* ---------- Отступы ---------- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-7: 32px;
  --sp-8: 40px;
  --sp-9: 48px;
  --sp-10: 64px;
  --sp-11: 80px;
  --sec: clamp(40px, 5vw, 64px);             /* вертикальный отступ секции */
  --gap: 16px;                               /* зазор сеток карточек */
  --card-pad: 20px;

  /* ---------- Сетка ---------- */
  --container: 1280px;
  --pad-x: clamp(16px, 4vw, 48px);           /* боковые поля страницы */
  --header-h: 80px;

  /* ---------- Радиусы ---------- */
  --r-s: 12px;      /* миниатюры, поля, мелкие плашки */
  --r-m: 22px;      /* карточки, плитки, выпадашки */
  --r-l: 32px;      /* крупные блоки: hero-фото, CTA, мега-меню, модалка */
  --r-btn: 999px;   /* кнопки, чипы, бейджи — пилюли */

  /* ---------- Рамки и тени ---------- */
  --bw: 0px;
  --card-border: 1px solid transparent;      /* карточки без рамок — отделяются фоном и тенью */
  --sh-card: 0 1px 2px rgba(31,33,34,.06), 0 10px 30px -18px rgba(31,33,34,.25);
  --sh-hover: 0 24px 44px -20px rgba(31,33,34,.4);
  --sh-pop: 0 30px 70px -24px rgba(15,16,17,.45), 0 0 0 1px var(--line);
  --sh-modal: 0 40px 80px -20px rgba(0,0,0,.5);

  /* ---------- Движение ---------- */
  --ease: cubic-bezier(.2,.7,.2,1);
  --dur-1: .2s;     /* цвет, фон */
  --dur-2: .35s;    /* подъём карточек, раскрытия */
  --dur-3: .8s;     /* зум фото, появление при скролле */

  /* ---------- Слои ---------- */
  --z-header: 60;
  --z-scrim: 55;
  --z-cookie: 80;
  --z-mnav: 90;
  --z-modal: 100;
  --z-lightbox: 110;
}

/* Брейкпоинты (в media нельзя var(), значения фиксированы):
   1240 — шапка без адреса в верхней полосе
   1100 — шапка → бургер, мега-меню скрыто; сетки 4 → 2
   1000 — двухколоночные секции → одна колонка
    900 / 820 — 3 колонки → 2
    640 / 560 — всё в одну колонку, мобильные паттерны
*/