/* ============================================================
   theme.css — СЛОЙ ТЕМЫ (design tokens) для витрины «Я сам».
   Сгенерировано персоной «Художник» (скилл /design) под бриф проекта:
   личный рабочий пульт «куда я иду и где деньги» (владелец — основной
   пользователь), бренд-иконка 🎯, впечатление — собранность и личная
   ответственность, деловое, но тёплое (не корпоративно-холодное, без
   кислоты и «стартап-нео»). Подключается ПЕРЕД styles.css.

   НАПРАВЛЕНИЕ:
   - Акцент — тёплая медь/ржавчина (не индиго/фиолет типового SaaS, не
     кислотный неон): ассоциация с фокусировкой на цели (🎯) и личным
     упорством, а не с безликим корпоративным продуктом.
   - Фон — тёплый графит/дерево (тёмная тема) и тёплая бумага/крем
     (светлая), а не холодный сине-серый — ощущение личного кабинета,
     а не дежурного дашборда.
   - Семантика: зелёный — доход/факт, синий — холодный трек найма (HH,
     внешние работодатели), янтарь — «в работе», красный — риск,
     фиолетовый — вспомогательные категории. Синий намеренно холоднее
     акцента — дуальность треков «наём» (внешнее, деловое) vs «Пульс»
     и личная цель (тёплое, акцентное).
   - Формы — радиусы чуть крупнее дефолтных (14/20 вместо 12/16) и тёплые
     тени: мягче, «человечнее», без острых корпоративных углов.
   - Шрифты — только системные стеки (без внешнего CDN, офлайн-совместимо):
     гуманистический гротеск (Avenir Next/Segoe UI/Roboto) — деловой, но
     не «нео-стартаповый» геометрический. Моно — для ID/чисел/дат.
   ============================================================ */
:root {
  /* ── Поверхности (тёмная — рабочий пульт по умолчанию) ── */
  --bg:            #171009;   /* холст/резерв (modules.html, embed-страницы) */
  --bg-soft:       #1f160e;
  --sidebar:       #0d0906;   /* фон бокового меню — самый глубокий тон */
  --sidebar-hover: #251a10;   /* ховер пункта меню */
  --sidebar-line:  #2f2216;   /* разделители/рамки в сайдбаре */
  --panel:         #211710;   /* фон карточек — тёплый графит, чуть светлее страницы */
  --panel-soft:    #170f09;   /* фон страницы — глубже панели, карточки «всплывают» */
  --border:        #382a19;
  --surface-2:     #2a1f13;   /* серые (тёплые) плашки — чипы, инлайн-код фон */
  --topbar-bg:     rgba(23,15,9,.85); /* фон верхней панели (полупрозрачный) */

  /* ── Текст ── */
  --text:      #f4ece0;   /* тёплый почти-белый, мягче чистого #fff — уютнее */
  --text-soft: #cdbea7;
  --text-mut:  #93826a;
  --sidebar-text:     #e2d4bd;
  --sidebar-text-mut: #93826a;
  --on-accent: #ffffff;        /* текст на акцентном/цветном фоне */
  --accent-ink: var(--on-accent); /* алиас — некоторые чипы используют var(--accent-ink, #fff) */
  --muted:     var(--text-soft);  /* алиас для .kb-status (статус ТЗ) — держит контраст text-soft */

  /* ── Акцент: тёплая медь/ржавчина — цель, фокус, личное упорство ── */
  --accent:      #b85c1e;
  --accent-2:    #e0864a;      /* второй тон — градиенты/аватары, светлее базового */
  --accent-soft: #3a2413;      /* мягкая подложка — тёплый тёмный тон (не «выключенный» чёрный) */

  /* ── Семантика статусов (смысл сохраняется во всех темах) ── */
  --green: #4ec27a; --green-2: #7ad99c; --green-soft: #14301f;   /* доход, факт, выполнено */
  --amber: #e3ab4a; --amber-soft: #3a2c12;                        /* в работе */
  --red:   #f2685f; --red-soft:   #3a1a17;                        /* риск, минус */
  --blue:  #5b9df5; --blue-soft:  #17263d;                        /* трек найма (HH, внешнее) — холоднее акцента */
  --violet: #c9a8f7; --violet-soft: #2a2140;                      /* доп. категории */

  /* ── Формы: чуть крупнее дефолтных радиусов — мягче, человечнее ── */
  --radius:    14px;
  --radius-lg: 20px;
  --shadow:    0 1px 3px rgba(10,5,2,.40), 0 1px 2px rgba(10,5,2,.28);
  --shadow-lg: 0 16px 34px rgba(8,4,1,.45);

  /* ── Код ── */
  --code-inline: #f0789e;   /* цвет инлайн-кода `код` — розовый, не путать с акцентом */
  --pre-bg:      #120b07;   /* фон блока кода */
  --pre-text:    #f0e4d4;   /* текст блока кода */

  /* ── Типографика: системные стеки, без внешнего CDN (офлайн-совместимо) ── */
  --sans: 'Avenir Next', -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', system-ui, sans-serif;
  --mono: 'SF Mono', 'Cascadia Code', 'JetBrains Mono', Consolas, monospace;
  --font-display: 'Avenir Next', 'Century Gothic', -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* ── Мета ── */
  --theme-color: #0d0906;   /* цвет строки браузера (моб.), = <meta theme-color> */
}

/* ============================================================
   СВЕТЛАЯ ВЕРСИЯ. Включается: <html data-theme="light">.
   Тёплая бумага/крем, а не стерильно-белый — то же личное ощущение,
   но пригодное для показа работодателям/партнёрам (внешняя аудитория).
   ============================================================ */
:root[data-theme="light"] {
  --bg:            #faf5ee;
  --bg-soft:       #f3ebdc;
  --sidebar:       #f1e7d8;
  --sidebar-hover: #e6d8c0;
  --sidebar-line:  #ddccae;
  --panel:         #ffffff;
  --panel-soft:    #f7f1e7;
  --border:        #e4d7c2;
  --surface-2:     #efe4d2;
  --topbar-bg:     rgba(247,241,231,.85);

  --text:      #2a1f14;
  --text-soft: #5c4c3a;
  --text-mut:  #7d6a51;
  --sidebar-text:     #3a2c1c;
  --sidebar-text-mut: #73614a;
  --on-accent: #ffffff;
  --accent-ink: var(--on-accent);
  --muted:     var(--text-soft);

  --accent:      #a8461a;
  --accent-2:    #c2621f;
  --accent-soft: #fbe8da;

  --green: #1c7440; --green-2: #16a34a; --green-soft: #dcf0e2;
  --amber: #8c5807; --amber-soft: #fbe9c9;
  --red:   #b3261e; --red-soft:   #fbe2df;
  --blue:  #1f5fae; --blue-soft:  #dde9fb;
  --violet: #6b3fa0; --violet-soft: #ede3fb;

  --shadow:    0 1px 3px rgba(60,40,20,.10), 0 1px 2px rgba(60,40,20,.06);
  --shadow-lg: 0 14px 30px rgba(60,40,20,.14);

  --code-inline: #a31557;
  --pre-bg:      #241a10;
  --pre-text:    #f0e4d4;

  --theme-color: #faf5ee;
}