/* ============================================================
   Лучший Магазин Года · Цвет
   Направление «Реестр» — архитектурный off-white + сине-серый
   графит. Золото знака #C69F45 — единственный хроматический
   акцент, зарезервирован за брендом. Действие = графит, не цвет.
   Сигналы (ok / error / warn) — минимальны, держатся в стороне
   от золота. Светлая тема — по умолчанию; тёмная — второй режим.
   ============================================================ */

:root {
  /* ---- Base neutrals (cool architectural) ---- */
  --c-canvas:        #F0F1EE;  /* фон страницы — холодный off-white «бумага» */
  --c-elevated:      #FFFFFF;  /* карточки, модалки, отчётные блоки */
  --c-muted:         #E7E8E3;  /* сайдбар, второстепенные секции, футер, шапки таблиц */
  --c-input:         #FFFFFF;  /* инпуты (с бордером) */

  --c-ink-900:       #1C2227;  /* основной текст / заголовки — сине-серый графит */
  --c-ink-700:       #545B61;  /* вторичный текст, описания */
  --c-ink-500:       #868D93;  /* третичный — eyebrow, метки времени, caption */
  --c-ink-300:       #B3B8BC;  /* disabled */

  --c-line:          #D7D8D2;  /* hairline — разделители, idle-бордеры (база реестра) */
  --c-line-strong:   #C0C2BB;  /* hover, активные бордеры */
  --c-rule-ink:      #2A3036;  /* жёсткая редакционная линейка (под шапкой, над сеткой) */

  /* ---- Brand gold (зарегистрированный знак — НЕ перекрашивать) ---- */
  --c-gold-soft:     #EFE4C7;  /* мягкая заливка на золотой поверхности */
  --c-gold-200:      #E2CD96;  /* подложки, soft fills */
  --c-gold-500:      #C69F45;  /* бренд-якорь — золото знака */
  --c-gold-700:      #95731F;  /* тёмное золото — текст по светлому, pressed */

  /* ---- Signals (минимальны) ---- */
  --c-ok:            #5E8C6A;  /* валидно / опубликовано / голос принят */
  --c-error:         #B0503C;  /* отклонено / ошибка / переголосование */
  --c-warn:          #BD7A22;  /* в обработке (текст поверх — графит). Держать вдали от знака */
  --c-info:          #4A6076;  /* нейтральное уведомление / ссылка-слейт */

  /* ---- Dark-mode raw values (используются в [data-theme=dark]) ---- */
  --c-canvas-dark:   #14181B;
  --c-elevated-dark: #1C2227;
  --c-muted-dark:    #20272D;
  --c-sidebar-dark:  #0F1316;
  --c-input-dark:    #222A30;
  --c-ink-900-dark:  #ECEDE7;
  --c-ink-700-dark:  #9AA0A6;
  --c-ink-500-dark:  #6B727A;
  --c-line-dark:     #2A323A;
  --c-line-strong-dark:#444E57;

  /* =========================================================
     Semantic aliases — пользоваться ЭТИМИ в компонентах/китах
     ========================================================= */
  --surface-canvas:  var(--c-canvas);
  --surface-card:    var(--c-elevated);
  --surface-muted:   var(--c-muted);
  --surface-sidebar: var(--c-muted);
  --surface-input:   var(--c-input);

  --text-heading:    var(--c-ink-900);
  --text-body:       var(--c-ink-900);
  --text-secondary:  var(--c-ink-700);
  --text-tertiary:   var(--c-ink-500);
  --text-disabled:   var(--c-ink-300);
  --text-on-ink:     #F0F1EE;   /* текст на графитовой плашке / кнопке */
  --text-on-gold:    #1C2227;   /* текст на золоте */

  --border-hairline: var(--c-line);
  --border-strong:   var(--c-line-strong);
  --rule:            var(--c-rule-ink);

  --brand:           var(--c-gold-500);
  --brand-soft:      var(--c-gold-soft);
  --brand-strong:    var(--c-gold-700);

  /* Действие = графит (а не цвет). Кнопки primary — графитовая плашка. */
  --action:          var(--c-ink-900);
  --action-hover:    #0F1316;
  --action-text:     var(--text-on-ink);

  --signal-ok:       var(--c-ok);
  --signal-error:    var(--c-error);
  --signal-warn:     var(--c-warn);
  --signal-info:     var(--c-info);

  /* Focus — тонкий золотой keyline (намерение действовать) */
  --focus-ring:      0 0 0 3px rgba(198, 159, 69, 0.30);
  --focus-border:    var(--c-gold-500);

  /* Подсветки / hover-плоскости */
  --hover-ink:       rgba(28, 34, 39, 0.05);
  --selection:       rgba(198, 159, 69, 0.22);
}

/* =========================================================
   Тёмный режим — равноправный второй. Не инверсия: золото
   светится, графит-канва тёпло-нейтральна, не чёрная.
   ========================================================= */
[data-theme="dark"] {
  --surface-canvas:  var(--c-canvas-dark);
  --surface-card:    var(--c-elevated-dark);
  --surface-muted:   var(--c-muted-dark);
  --surface-sidebar: var(--c-sidebar-dark);
  --surface-input:   var(--c-input-dark);

  --text-heading:    var(--c-ink-900-dark);
  --text-body:       var(--c-ink-900-dark);
  --text-secondary:  var(--c-ink-700-dark);
  --text-tertiary:   var(--c-ink-500-dark);
  --text-disabled:   #4F565C;
  --text-on-ink:     #ECEDE7;

  --border-hairline: var(--c-line-dark);
  --border-strong:   var(--c-line-strong-dark);
  --rule:            var(--c-line-strong-dark);

  /* Действие на тёмном — золото со свечением (см. shadows: --glow-gold) */
  --action:          var(--c-gold-500);
  --action-hover:    #D8B667;
  --action-text:     #14181B;

  --hover-ink:       rgba(236, 237, 231, 0.06);
}