/* Обед-н-ролл — направление a «Лоток с секциями». Собрано make_tokens.py, руками не править. */
/* Шрифты (Google Fonts, свободная лицензия) — на сайте подключить или раздать с Cloudflare: */
/* https://fonts.googleapis.com/css2?family=Geologica:wght@700&display=swap */
/* https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;600&display=swap */
:root {
  --color-bg: #F2F4F8;
  --color-surface: #FFFFFF;
  --color-text: #1A1C22;
  --color-text-muted: #4E5361;
  --color-border: #D3D9E6;
  --color-accent: #0F244D;
  --color-on-accent: #FFFFFF;
  --color-spicy: #7A321B;
  --color-on-spicy: #FFFFFF;
  --color-mild: #ECF0D6;
  --color-on-mild: #3D5212;
  --color-banner-bg: #0F244D;
  --color-on-banner: #FFFFFF;
  --color-new: #FCE1B0;
  --color-on-new: #6A430A;
  --color-accent-hover: #0e2147;
  --color-accent-active: #0d1f42;
  --focus-ring: 0 0 0 3px var(--color-text);
  --font-display: 'Geologica', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-display-weight: 700;
  --font-text: 'Golos Text', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --line-display: 1.1;
  --line-text: 1.5;
  --size-xs: 12px;
  --size-sm: 14px;
  --size-base: 16px;
  --size-lg: 18px;
  --size-xl: 22px;
  --size-2xl: 28px;
  --size-3xl: 36px;
  --size-4xl: 46px;
  --size-5xl: 56px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --card-gap: 10px;  /* расстояние между карточками меню */
  --icon-stroke: 1.75;  /* толщина линии иконок (identity/icons) */
  --radius-card: 18px;
  --radius-button: 12px;
  --radius-badge: 6px;
}