/* ============================================================
   artel-theme.css — фирменная тема продукта «Артель» (design tokens).
   Автор: Художник, ЭТАП 9 / Сценарий №1, шаг 4 (18–19.07.2026).
   Контракт токенов идентичен `site/theme.css` (по образцу «Панциря»), но это
   ОТДЕЛЬНЫЙ файл витрины продукта «Артель» (задача 9.6, каталог ещё не построен) —
   корневой `site/theme.css` «Панциря»-самовитрины этим файлом НЕ заменяется и
   НЕ трогается. Когда Зодчий соберёт каталог «Артели», этот файл подключается
   ПЕРЕД styles.css движка (см. правило в шапке `site/theme.css`).

   ТЕМА «АРТЕЛЬ» — цех · клеймо · тепло ремесла.
   Направление: тёплый обожжённый умбра-фон мастерской (дерево верстака, кожа
   фартука — БЕЗ зелени «Панциря») + акцент «раскалённая терракота/медь» —
   цвет оттиска клейма, только что вынутого из горна. Ремесленно-деловой тон,
   без техно-глянца и неона (см. `docs/knowledge-base/37-koncepciya-brenda-artel.md`,
   «Ловим/избегаем»). Формы чуть мягче и «рукотворнее» бронированных радиусов
   «Панциря» — оттиск печати, а не сегмент панциря. Контраст проверен под WCAG AA
   в ОБЕИХ темах (скрипт contrast.py, WCAG-формула относительной яркости; все
   пары текст/фон ≥ 4.5:1, крупный текст/графика ≥ 3:1 — см. отчёт Художника).

   Почему этот цвет «про артель»:
   — Фон НЕ зелёный (в отличие от родительского «Панциря») — тёплый умбра-коричневый,
     как выдержанное дерево верстака и потемневшая кожа фартука мастерской, а не
     «панцирь». Хорошо различим рядом с родителем (проверено по HSL-hue: фон 26°
     против 154° у «Панциря», акцент 17–23° против 36° у бронзы «Панциря»).
   — Акцент — терракота/медь: буквальный цвет раскалённого металла клейма (оттиск,
     проба мастера) и обожжённой глины — ремесленный, а не «айтишный» (не синий
     SaaS, не фиолетовый AI-стартап, не неон).
   ============================================================ */
:root {
  /* ── Поверхности (тёмная мастерская: верстак/кожа, БЕЗ зелени «Панциря») ── */
  --bg:            #171310;   /* тёмная обожжённая умбра — фон цеха вечером */
  --bg-soft:       #1d1712;
  --sidebar:       #120e0b;   /* почти чёрное дерево — боковое меню */
  --sidebar-hover: #221b14;
  --sidebar-line:  #2c2318;
  --panel:         #201a14;   /* фон карточек — тон верстака */
  --panel-soft:    #191410;
  --border:        #332a20;
  --surface-2:     #251e16;   /* плашки/чипы/инлайн-код фон */
  --topbar-bg:     rgba(23,19,16,.85);

  /* ── Текст ── */
  --text:      #f0e8dc;   /* тёплый пергамент */
  --text-soft: #c2b2a0;
  --text-mut:  #97876f;
  --sidebar-text:     #ddd0bd;
  --sidebar-text-mut: #8f7f68;
  --on-accent: #1b120a;   /* тёмный текст на медном акценте (как тёмная сажа) */

  /* ── Акцент («клеймо» — раскалённая терракота/медь) ── */
  --accent:      #c8622f;   /* терракота — оттиск клейма */
  --accent-2:    #dd8248;   /* светлая медь — для градиентов/аватаров/hover */
  --accent-soft: rgba(200,98,47,.16);

  /* ── Семантика статусов (тёплая гамма цеха, читаемо на тёмном) ── */
  --green: #5fa050; --green-2: #72b563; --green-soft: rgba(95,160,80,.15);
  --amber: #d9a13a; --amber-soft: rgba(217,161,58,.15);
  --red:   #d15f55; --red-soft:   rgba(209,95,85,.15);
  --blue:  #5a9bd6; --blue-soft:  rgba(90,155,214,.15);
  --violet: #9a8ad1; --violet-soft: rgba(154,138,209,.16);

  /* ── Формы (мягче «панциря» — оттиск печати, не сегмент брони) ── */
  --radius:    10px;
  --radius-lg: 16px;
  --shadow:    0 1px 2px rgba(0,0,0,.50), 0 1px 3px rgba(0,0,0,.35);
  --shadow-lg: 0 14px 34px rgba(0,0,0,.55);

  /* ── Код ── */
  --code-inline: #dd8248;
  --pre-bg:      #120e0b;
  --pre-text:    #e6dccb;

  /* ── Типографика (та же студийная гарнитура, что у «Панциря» — семейный
       почерк; см. `wordmark.svg`: «видно, что из одной студии») ── */
  --sans: -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', system-ui, sans-serif;
  --mono: 'SF Mono', 'Cascadia Code', 'JetBrains Mono', Consolas, monospace;
  --font-display: 'Archivo', var(--sans);

  /* ── Мета ── */
  --theme-color: #120e0b;
}

/* ============================================================
   СВЕТЛАЯ ВЕРСИЯ «АРТЕЛИ» — пергамент/парта мастерской + тот же терракотовый
   акцент (притемнён для контраста на светлом). <html data-theme="light">.
   Контраст проверен под WCAG AA (текст ≥ 4.5:1).
   ============================================================ */
:root[data-theme="light"] {
  /* ── Поверхности ── */
  --bg:            #f6f1e7;   /* пергамент/крафт-бумага мастерской */
  --bg-soft:       #efe7d8;
  --sidebar:       #efe7d8;
  --sidebar-hover: #e5dac4;
  --sidebar-line:  #ddd0b8;
  --panel:         #ffffff;
  --panel-soft:    #f2ece0;
  --border:        #e0d3bd;
  --surface-2:     #ece3d3;
  --topbar-bg:     rgba(246,241,231,.85);

  /* ── Текст ── */
  --text:      #241a12;
  --text-soft: #4d3d2e;
  --text-mut:  #6b5847;
  --sidebar-text:     #2c2015;
  --sidebar-text-mut: #6f5e4c;
  --on-accent: #ffffff;   /* белый текст на тёмной терракоте */

  /* ── Акцент (притемнённая терракота — читаема как текст/кнопка на светлом) ── */
  --accent:      #96401f;
  --accent-2:    #a94f28;
  --accent-soft: rgba(150,64,31,.12);

  /* ── Семантика (притемнена под светлый фон) ── */
  --green: #2b7134; --green-2: #2b7134; --green-soft: rgba(43,113,52,.14);
  --amber: #8c5c18; --amber-soft: rgba(140,92,24,.14);
  --red:   #a83a30; --red-soft:   rgba(168,58,48,.13);
  --blue:  #2c6da3; --blue-soft:  rgba(44,109,163,.13);
  --violet: #6552b0; --violet-soft: rgba(101,82,176,.13);

  /* ── Формы (мягкие тёплые тени на светлом) ── */
  --shadow:    0 1px 2px rgba(40,28,16,.10), 0 1px 3px rgba(40,28,16,.08);
  --shadow-lg: 0 14px 34px rgba(40,28,16,.16);

  /* ── Код ── */
  --code-inline: #96401f;
  --pre-bg:      #201a14;   /* блок кода остаётся тёмным «островом» */
  --pre-text:    #f0e8dc;

  /* ── Мета ── */
  --theme-color: #f6f1e7;
}