/* ============================================================
   theme-nikki.css — третье крыло 日記 Nikki (дневник + идеи), волна 8.

   Никки — НЕ третья библиотека данных (в отличие от 文庫/物語, activeLib()
   у неё нет): это два экрана #/nikki и #/ideas со своей темой. app.js
   (applyWingChrome) на этих экранах ставит body[data-wing="nikki"] и
   ВРЕМЕННО УБИРАЕТ data-lib — иначе тема Моногатари/Бунко воевала бы с
   индиго. При уходе с экранов атрибут снимается, data-lib возвращается.

   Тема — айдзомэ-индиго 藍染 (акцент) + асаги 浅葱 (второй акцент, светлые
   подписи на тёмном — по образцу бейби-блу у 物語). Бумага (--paper-*) НЕ
   переопределяется — общая на весь сайт (страница дня выглядит как обычный
   лист Блокнота, см. .rd-journal-page в notebook.css, переиспользуется
   напрямую render/nikki.js).
   ============================================================ */

body[data-wing="nikki"] {
  /* акцент: шалфей/карамель → индиго #3E5F9E */
  --sage:          #3E5F9E;
  --sage-2:        #33507F;
  --sage-3:        #7FB5C4;   /* асаги — светлые подписи на тёмном */
  --sage-dark:     #2B4066;
  --sage-paper-fg: #2C4066;

  --accent-rgb:      62, 95, 158;
  --accent-dark-rgb: 43, 64, 102;
  --accent-mid-rgb:  51, 80, 127;

  /* тёмный каркас — холодный чернильный подтон (отличим и от нейтрального
     графита 文庫, и от тёплой карамели 物語) */
  --ink-base:        #10141B;
  --ink-1:           #12161E;
  --ink-2:           #181D27;
  --ink-3:           #1F2531;
  --ink-line:        #262D3B;
  --ink-line-soft:   #1C222D;

  --s-done: #3E5F9E;

  /* локальная переменная асаги (расширение токенов, только это крыло) */
  --asagi:     #7FB5C4;
  --asagi-rgb: 127, 181, 196;
}

/* ─── переключатель крыльев: кнопка 日記 всегда в индиго ───────── */
.lib-switch button.is-active[data-wing-btn="nikki"] {
  background: #3E5F9E;
  color: #F4ECD8;
}

/* ─── шапка приложения на экранах Никки ─────────────────────── */
body[data-wing="nikki"] .meta-bar {
  background: rgba(16, 20, 27, .84);
  border-bottom-color: var(--ink-line-soft);
}
body[data-wing="nikki"] .screen-tabs button:hover { color: var(--asagi); }
body[data-wing="nikki"] .screen-tabs button[aria-selected="true"] {
  color: var(--asagi);
  border-color: rgba(var(--asagi-rgb), .35);
  background: rgba(var(--asagi-rgb), .08);
}
body[data-wing="nikki"] .brand-meta { color: rgba(var(--asagi-rgb), .8); }