/* Единая палитра Marg. Все страницы берут цвета отсюда — в остальных файлах
   hex остаётся только у «материалов» карточек (золото, тинты арта в cards.css).

   Принцип: чёрный фон как у сцены с частицами, чисто нейтральная серая шкала без оттенка (подкрашенный серый на чёрном выглядит грязно)
   и один акцент — голубой знака Gram (#30A1F5). Зелёный и красный только для статусов. */
:root {
  color-scheme: dark;

  /* поверхности: каждый шаг — один уровень «приподнятости» */
  --bg: #000;
  --surface-1: #0e0e0e;   /* панели, блоки */
  --surface-2: #171717;   /* диалоги, кнопки, поля */
  --surface-3: #242424;   /* выбранное, hover */

  /* линии */
  --line: #232323;
  --line-strong: #3a3a3a;

  /* текст (контраст к --bg: 21 / 21 / 6.2 / 3.2) */
  --text: #fff;
  --text-2: #fff;      /* основной текст тоже белый; иерархию держат размер и вес */
  --text-3: #8c8c8c;
  --text-4: #5e5e5e;      /* только декоративные подписи */

  /* акцент */
  --accent: #30a1f5;
  --accent-strong: #6fbdf8;  /* hover, ссылки в тексте */
  --accent-tint: #c7e7ff;    /* светлый текст с оттенком акцента */
  --accent-bg: #0f2233;      /* подложка под акцентные элементы */
  --on-bright: #0b1118;      /* текст на акцентной/светлой заливке */

  /* статусы */
  --ok: #a8e68a;
  --ok-bg: #16241a;
  --danger: #ff9d98;
}