/* Токены оформления сайта — единственный источник правды.
   Подключается на всех страницах: главная, документация, статьи и рубрики.
   Значения не дублировать в :root отдельных страниц: страничным может быть
   только --maxw (ширина колонки), его переопределяют локально. */

:root{
  /* поверхности */
  --paper:#FFFFFF;
  --paper-deep:#F2F5F9;
  --card:#FFFFFF;

  /* текст */
  --ink:#0F1319;
  --ink-soft:#59616C;

  /* линии */
  --line:rgba(15,19,25,.13);
  --line-soft:rgba(15,19,25,.07);

  /* акценты */
  --brand:#2563EB;
  --signal:#E05A1E;
  --ok:#1E8A5A;
  --bad:#C93A2E;

  /* шрифты */
  --font-head:'Golos Text',-apple-system,system-ui,sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
  --font-logo:'Unbounded',sans-serif;

  /* ширина колонки: страница может переопределить */
  --maxw:1160px;
}

/* Базовая сетка страницы. Здесь, а не в article.css, потому что общими
   шапкой и подвалом пользуются все страницы, включая статическую главную. */
.container{max-width:var(--maxw); margin:0 auto; padding:0 28px}
.container--narrow{max-width:860px}
@media(max-width:600px){
  .container{padding:0 18px}
}