/* ============================================================
   LidFlow · Тема «Костюм» — слой токенов для ребрендинга
   ------------------------------------------------------------
   Подключать ПОСЛЕ styles.css (переопределяет :root).
   Разметку и JS не трогает — только переменные и пара фоновых правил.

   Философия палитры (взято из сочетания «костюм»):
     • графит (пиджак)      — нейтралы, тёмный сайдбар/чернила  (~70% площади)
     • off-white с зеленью  — фон и поверхности (рубашка)        (~25%)
     • зелёный (галстук)    — БРЕНД: акцент, кнопки, hero, цель воронки (~5%)
   Вспомогательные смыслы:
     • петроль (blue) — информация / качество / точность
     • охра   (amber) — деньги / расход
     • терракота (red) — негативные статусы
   Шрифты: Onest (интерфейс) + JetBrains Mono (цифры).
   ============================================================ */

:root {
  /* — нейтралы: ТЁПЛЫЙ ПАПИРУС (бумажная «рубашка») + графит.
     2026-07-13: пользователь — «зелёного перебор», фон в сторону папируса (референс Т-банк),
     но мягче, чтобы было комфортно всю сессию. Зелёный остаётся ТОЛЬКО как акцент. — */
  --bg: #f0ebe0;
  --bg-soft: #e8e2d3;
  --surface: #fffef9;
  --surface-soft: #f7f3ea;
  --surface-strong: #ece6d8;
  --text: #262420;
  --muted: #6d6a5f;
  --muted-strong: #494639;
  --line: #e6dfcf;
  --line-strong: #d7cfbc;

  /* — БРЕНД: зелёный «галстук» (был васильковый). accent-strong/-deep читаемы на белом и под белый текст — */
  --accent: #2e8b5f;
  --accent-strong: #227a52;
  --accent-deep: #1f6244;
  --accent-soft: #e6f0ea;

  /* — деньги / расход: охра (оставляем слот amber) — */
  --amber: #a8791f;
  --amber-soft: #f5ecd8;

  /* — негатив: терракота (мягче «пожарного» красного) — */
  --red: #c0554b;
  --red-soft: #f6e6e3;

  /* — информация / качество / точность: петроль-кобальт (слот blue) — */
  --blue: #2a6fb0;
  --blue-soft: #e6eefa;

  /* — успех / бренд-зелёный дубль — */
  --green: #2e8b5f;
  --green-soft: #e6f0ea;

  /* — геометрия: квадратнее (кнопки почти прямой угол) — */
  --radius: 8px;
  --radius-sm: 4px;

  /* — фокус в бренд-зелёном вместо василькового — */
  --focus: 0 0 0 3px rgba(46, 139, 95, 0.30);

  /* — тени тёплые/спокойные (под папирус); карточки чуть заметнее «подняты» — */
  --shadow: 0 2px 5px rgba(58, 50, 33, 0.07), 0 22px 50px rgba(58, 50, 33, 0.15);
  --shadow-soft: 0 1px 2px rgba(58, 50, 33, 0.09), 0 10px 24px rgba(58, 50, 33, 0.13);

  /* — типографика: Onest вперёд, Manrope как fallback (см. примечание) — */
  --font-ui: "Onest", "Manrope", "Aptos", "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;

  /* — дополнительные роли компонентов «Костюм» (нейтралы переведены в тёплый папирус) — */
  --surface2: #f4f0e6;
  --info: #2a6fb0;
  --info-soft: #e6eefa;
  --info-deep: #1c4f86;
  --money: #a8791f;
  --money-soft: #f5ecd8;
  --money-deep: #8f6a1e;
  --danger: #c0554b;
  --danger-soft: #f6e6e3;
  --sidebar: #2b3036;
  --nav-ink: #eef1ee;
  --nav-muted: #93a09a;

  /* — алиасы под короткие имена прототипа: можно переносить его разметку 1:1 — */
  --acc: var(--accent);
  --acc-deep: var(--accent-deep);
  --acc-soft: var(--accent-soft);
  --line2: var(--line-strong);
  --grad: var(--brand-gradient);
}

/* Иридесцентный «перелив» бренд-марки/hero — по желанию.
   Используйте как background для логотипа, hero-KPI, активной заливки. */
:root {
  --brand-gradient: linear-gradient(135deg, #22704c, #2e8b5f 50%, #1f8a7a);
}

/* Фон body в styles.css содержит захардкоженный васильковый radial-gradient —
   заменяем на тёплый папирусный (лёгкий тёплый блик сверху-справа, без зелени/синевы). */
body {
  background:
    radial-gradient(120% 80% at 100% 0%, rgba(184, 158, 96, 0.07), transparent 60%),
    var(--bg) !important;
}

/* Кнопка-акцент: даём фирменный перелив вместо плоской заливки (опционально).
   Если в разметке основная кнопка = .btn-primary / .primary — раскомментируйте. */
/*
.btn-primary, .primary, button.primary {
  background: var(--brand-gradient) !important;
  border-color: transparent !important;
}
*/

/* ============================================================
   Примечание: слой перекрывает :root из styles.css (подключать ПОСЛЕ него).
   Onest подключён self-hosted; Manrope остаётся fallback.
   Радиусы уменьшены намеренно (8/4px); частные исключения править локально.
   ============================================================ */