/* Stervoza — токены из Figma (имена в макете: prumary / neuyral) */
:root {
  --color-primary-010: #a72038;
  --color-primary-020: #c0364e;
  --color-primary-030: #d4566a;
  --color-primary-050: #ffa9ba;
  --color-primary-060: #fedde1;
  --color-primary-070: #ffecee;
  /* строки списков / ховеры из UI kit */
  --state-hover-nav: #e8e6e7;
  --state-hover-row-pink: #fdecef;
  /* теги UI kit (пастель) */
  --tag-pink-bg: #fedde1;
  --tag-pink-fg: #a72038;
  --tag-lilac-bg: #ede7f6;
  --tag-lilac-fg: #5e35b1;
  --tag-blue-bg: #e3f2fd;
  --tag-blue-fg: #1565c0;
  --tag-cyan-bg: #e0f7fa;
  --tag-cyan-fg: #006064;
  --tag-green-bg: #e8f5e9;
  --tag-green-fg: #2e7d32;
  --tag-orange-bg: #fff3e0;
  --tag-orange-fg: #e65100;
  --state-press-shadow: 0 3px 10px rgba(20, 19, 19, 0.18);
  --transition-interactive: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease, opacity 0.2s ease;

  --color-neutral-010: #141313;
  --color-neutral-020: #2a2829;
  --color-neutral-030: #4e4a4c;
  --color-neutral-040: #71686a;
  --color-neutral-050: #aaa2a4;
  --color-neutral-060: #d9d1d3;
  --color-neutral-070: #efe9ea;
  --color-neutral-080: #fffafb;

  --color-additionally-050: #c8fbff;
  --color-additionally-060: #3a8dc0;
  --color-additionally-080: #399b5e;

  --radius-12: 12px;
  --radius-16: 16px;
  --radius-20: 20px;

  --indent-4: 4px;
  --indent-8: 8px;
  --indent-12: 12px;
  --indent-16: 16px;
  --indent-20: 20px;
  --indent-24: 24px;
  --indent-28: 28px;
  --indent-36: 36px;
  --indent-40: 40px;

  --font-caption: 12px;
  --font-size-10: 10px;
  /* карточка автора / Figma font_size-12 */
  --font-size-12: 12px;
  --font-size-16: 16px;
  /* Figma: font_size-20 / Playfair aside h4 */
  --font-size-20: 20px;
  --font-size-24: 24px;
  --font-body: 16px;
  --font-h3: 28px;
  /* Figma: font_size-28 / desktop h3 */
  --font-size-28: 28px;
  --font-h1-editor: 24px;

  --line-caption: 16px;
  --line-body: 20px;

  /* Макс. ширина сетки страницы (Figma) */
  --max: 1240px;

  /* Колонки страницы и шапки (nav | контент | aside): ~23% | ~54% | ~23% */
  --layout-grid-gap: var(--indent-24);
  --layout-3-cols: minmax(0, 1fr) minmax(0, 2.35fr) minmax(0, 1fr);
  --layout-2-cols-feed-aside: minmax(0, 1fr) minmax(200px, 0.299fr);
  /* Макс. ширина карточки в ленте (Figma) */
  --feed-card-max-width: 610px;

  /* SVG рядом с HTML: assets/ */
  --figma-asset-icon-24: url("/public/img/icons/3395e07a0c5ee58815b1655366ae54ef6c70797a.svg");
}