/*
 * Визуальные токены getnew (решение getnew-4qu.2).
 * Светлая тема «пасмурное утро», тёмная «ночная смена».
 * Переключение — prefers-color-scheme; компоненты стилизуются только через токены.
 */
:root {
  color-scheme: light dark;

  /* Светлая тема: холодный серо-зелёный фон, чернильный текст, кобальтовый акцент */
  --gn-bg: #e9ece4;             /* фон страницы */
  --gn-surface: #f7f8f3;        /* карточка */
  --gn-ink: #20241b;            /* основной текст, заливка кнопки «ещё» */
  --gn-muted: #686e5e;          /* вторичный текст */
  --gn-accent: #2b45d0;         /* кобальт: hover кнопки, focus ring */
  --gn-accent-contrast: #ffffff;
  --gn-line: #cbd0c0;           /* волосяные рамки карточек */

  /* Шрифты: Tektur — заголовки карточек и кнопка; Golos Text — всё остальное */
  --gn-font-display: "Tektur", system-ui, sans-serif;
  --gn-font-text: "Golos Text", system-ui, sans-serif;

  /* Форма и сетка */
  --gn-radius-card: 10px;
  --gn-radius-thumb: 6px;
  --gn-space-grid: 20px;
  --gn-offset-col: 30px;        /* сдвиг средней колонки сетки на десктопе */
}

@media (prefers-color-scheme: dark) {
  :root {
    --gn-bg: #171b16;
    --gn-surface: #20251e;
    --gn-ink: #e7eadf;
    --gn-muted: #9aa38e;
    --gn-accent: #8b9bff;
    --gn-accent-contrast: #171b16;
    --gn-line: #2f362c;
  }
}