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

   Сгенерировано персоной «Художник» (скилл /design). Контраст текста к фону
   проверен по WCAG AA (расчёт по формуле относительной яркости sRGB) — ключевые
   пары см. в комментариях ниже; ratios ≥4.5:1 для обычного текста, ≥3:1 для
   крупного/некстового UI. Полный расчёт — в отчёте сессии (team/history/designer.md).

   Типографика: Google Fonts подключены через @import (без правки index.html —
   HTML вне контракта этой темы): Fraunces — тёплый органичный serif для
   заголовков (спа/премиальный уход), Nunito Sans — мягкий закруглённый
   гуманистический sans для текста (лёгкая читаемость для нетехнической ЦА).
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Nunito+Sans:wght@400;500;600;700;800&display=swap');

:root {
  /* ── Поверхности (тёплая тёмная — «эспрессо/уголь», НЕ графит/синева) ── */
  --bg:            #1a130c;   /* глубокий тёплый эспрессо-фон */
  --bg-soft:       #221a10;
  --sidebar:       #150f09;   /* фон бокового меню — самый тёмный слой */
  --sidebar-hover: #2a2015;   /* ховер пункта меню */
  --sidebar-line:  #362a1c;   /* разделители/рамки в сайдбаре */
  --panel:         #2b2116;   /* фон карточек — чуть светлее страницы (эффект приподнятости) */
  --panel-soft:    #201810;   /* фон страницы, мягкие плашки */
  --border:        #3a2d1d;
  --surface-2:     #332619;   /* тёплые плашки (чипы, инлайн-код фон) */
  --topbar-bg:     rgba(26,19,12,.85); /* фон верхней панели (полупрозрачный) */

  /* ── Текст (тёплый молочно-кремовый на угле) ── */
  --text:      #f3e9da;   /* AA: 15.3:1 к --bg, 13.1:1 к --panel */
  --text-soft: #cbb89a;   /* AA: 8.2:1 к --panel */
  --text-mut:  #9c8a6f;   /* AA: 4.7:1 к --panel (инфо-текст) */
  --sidebar-text:     #e8dcc5; /* AA: 14.0:1 к --sidebar */
  --sidebar-text-mut: #a8956f; /* AA: 6.5:1 к --sidebar */
  --on-accent: #241a0a;        /* тёмный эспрессо-текст на ярком золоте — AA 7.7:1 */

  /* ── Акцент — тёплое золото (в тёмной теме ярче, чтобы «гореть» на угле) ── */
  --accent:      #d9a53c;   /* AA: 7.1:1 к --panel, 7.7:1 к --on-accent */
  --accent-2:    #c9942f;   /* второй тон для градиентов/аватаров (декоративно) */
  --accent-soft: #3a2c14;   /* тёмная золотисто-охровая подложка; accent/accent-soft = 6.1:1 */

  /* ── Семантика статусов (смысл сохраняется во всех темах; зелёный сдвинут
       к шалфею/эвкалипту — вторичный природный акцент проекта 🌿) ── */
  --green: #3e6b42; --green-2: #5f9464; --green-soft: #eaf0e4; /* green/white 6.2:1, green/soft 5.3:1 */
  --amber: #8f5c0a; --amber-soft: #faeecb;                     /* amber/soft 4.9:1 */
  --red:   #a8331f; --red-soft:   #fbe4de;                     /* red/white 6.6:1 (бейдж count-alert), red/soft 5.5:1 */
  --blue:  #2f5b8a; --blue-soft:  #e6eef5;                     /* blue/white 7.0:1, blue/soft 6.0:1 */
  --violet: #6d4a91; --violet-soft: #efe6f5;                   /* violet/soft 5.7:1 */

  /* ── Формы — мягкие, скруглённые (премиальный уход, не «стартап») ── */
  --radius:    14px;
  --radius-lg: 22px;
  --shadow:    0 1px 3px rgba(0,0,0,.30), 0 1px 2px rgba(0,0,0,.20);
  --shadow-lg: 0 14px 32px rgba(0,0,0,.40);

  /* ── Код ── */
  --code-inline: #e08aa8;   /* тёплая роза, AA 5.8:1 к --surface-2 */
  --pre-bg:      #150f09;   /* фон блока кода — самый тёмный слой */
  --pre-text:    #f3e9da;   /* AA 15.8:1 к --pre-bg */

  /* ── Типографика ── */
  --sans: 'Nunito Sans', -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', system-ui, sans-serif;
  --mono: 'SF Mono', 'Cascadia Code', 'JetBrains Mono', Consolas, monospace;
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif; /* тёплый органичный serif для заголовков */

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

/* ============================================================
   СВЕТЛАЯ ВЕРСИЯ — «Песок + золото»: тёплый бежево-песочный фон, дорогой уход.
   Включается: <html data-theme="light">.
   ============================================================ */
:root[data-theme="light"] {
  --bg:            #f7f1e8;   /* тёплый песок */
  --bg-soft:       #f1e8d8;
  --sidebar:       #f3e9d8;   /* тёплая кремовая подложка сайдбара */
  --sidebar-hover: #e4d4b8;
  --sidebar-line:  #ddc9a3;
  --panel:         #fffdf8;   /* карточки — почти белый с тёплым оттенком */
  --panel-soft:    #f6efe0;
  --border:        #e6d7bd;
  --surface-2:     #f0e6d2;
  --topbar-bg:     rgba(247,241,232,.85);

  /* AA: text/bg 11.8:1, text/panel 13.0:1, text-soft/bg 5.9:1 */
  --text:      #3a2e1f;   /* тёплый эспрессо-коричневый (не чёрный) */
  --text-soft: #6b5a42;
  --text-mut:  #9c8868;
  --sidebar-text:     #4a3c28; /* AA 8.9:1 к --sidebar */
  --sidebar-text-mut: #8a7454;
  --on-accent: #ffffff;        /* AA 5.0:1 к --accent */

  /* AA: accent/white 5.0:1, accent/accent-soft 4.6:1, accent/panel 4.9:1 */
  --accent:      #96660f;   /* глубокая охра-золото — «дорогой уход» */
  --accent-2:    #b8791a;
  --accent-soft: #fbf4e6;

  --green: #3e6b42; --green-2: #5f9464; --green-soft: #eaf0e4;
  --amber: #8f5c0a; --amber-soft: #faeecb;
  --red:   #a8331f; --red-soft:   #fbe4de;
  --blue:  #2f5b8a; --blue-soft:  #e6eef5;
  --violet: #6d4a91; --violet-soft: #efe6f5;

  --shadow:    0 1px 3px rgba(58,46,31,.10), 0 1px 2px rgba(58,46,31,.06);
  --shadow-lg: 0 14px 32px rgba(58,46,31,.14);

  --code-inline: #a13a5c;   /* AA 5.2:1 к --surface-2, 6.3:1 к --panel */
  --pre-bg:      #201810;   /* код-блок всегда тёмный (как терминал), в обеих темах */
  --pre-text:    #f3e9da;   /* AA 14.6:1 к --pre-bg */

  --theme-color: #f7f1e8;
}