/* ============================================================
   Ikra102 «Улов» — дизайн-токены
   Палитра закрыта: новые цвета не добавлять.
   ============================================================ */

:root {
	/* --- Поверхности и текст --- */
	--bg: #faf8f4;
	--surface: #ffffff;
	--ink: #16191a;
	--ink-2: #3c4142;
	--ink-3: #4b5152;
	--muted: #6d7372;
	--muted-2: #8f9594;
	--placeholder: #9aa09f;

	/* --- Акцент --- */
	--accent: #c1502e;
	--accent-soft: #f7e9e2;
	--accent-light: #e0805f;

	/* --- Зелёно-серые блоки --- */
	--mint: #eef2ee;
	--mint-line: #dbe2dc;
	--mint-dotted: #c8cfc9;

	/* --- Статусы --- */
	--success: #3f7a4a;

	/* --- Границы --- */
	--line: #e4e0d8;
	--line-2: #e8e4dc;
	--line-3: #dcd8d0;
	--line-4: #eee9e1;
	--line-ghost: #cfcbc2;

	/* --- Плейсхолдеры изображений --- */
	--photo-bg: #e7ebe8;
	--photo-bg-2: #dfe4e0;
	--photo-label: #5c6260;

	/* --- Тёмная секция (подвал, опт-блок) --- */
	--dark-bg: #16191a;
	--dark-ink: #e9ebe9;
	--dark-ink-75: rgba(233, 235, 233, .75);
	--dark-ink-70: rgba(233, 235, 233, .70);
	--dark-ink-60: rgba(233, 235, 233, .60);
	--dark-ink-50: rgba(233, 235, 233, .50);
	--dark-line: rgba(233, 235, 233, .20);

	/* --- Служебное --- */
	--table-head-bg: #f3f5f3;
	--overlay: rgba(10, 14, 14, .35);

	/* --- Шрифты --- */
	--font-display: 'Space Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--font-text: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--font-mono: 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

	/* --- Метрики --- */
	--content-width: 1280px;
	--gutter: 44px;
	--gutter-mobile: 16px;
	--section-y: 52px;
	--section-y-hero: 60px;
	--section-y-footer: 44px;

	/* --- Радиусы --- */
	--r-lg: 16px;   /* крупные карточки, блоки, плитки категорий */
	--r-md: 14px;   /* карточки товаров, инфо-панели */
	--r-sm: 12px;   /* поля ввода, мелкие плитки */
	--r-xs: 10px;   /* поля в формах, миниатюры */
	--r-pill: 100px;/* кнопки, чипсы, счётчики */

	/* --- Тени --- */
	--shadow-minicart: 0 30px 60px -25px rgba(0, 0, 0, .28);
	--shadow-sheet: 0 -20px 40px -20px rgba(0, 0, 0, .3);
	--shadow-hero-card: 0 20px 40px -20px rgba(0, 0, 0, .25);

	/* --- Переходы --- */
	--t: 170ms ease;

	/* --- Минимальная зона касания --- */
	--tap: 44px;

	/* --- Полосатая заливка плейсхолдеров --- */
	--stripes: repeating-linear-gradient(135deg, rgba(0, 0, 0, .05) 0 10px, transparent 10px 20px);
	--stripes-sm: repeating-linear-gradient(135deg, rgba(0, 0, 0, .05) 0 8px, transparent 8px 16px);

	/*
	   Градиент на плитках категорий.

	   Считается на светлые снимки: у рыбы и упаковок фон часто белый, и на
	   нём белый заголовок пропадал. Низ затемняем сильнее и подводим тень
	   ближе к середине плитки — на тёмных фото разница почти не видна,
	   на светлых текст снова читается.
	*/
	--tile-scrim: linear-gradient(to top, rgba(10, 14, 14, .88), rgba(10, 14, 14, .45) 38%, rgba(10, 14, 14, .12) 65%, transparent 85%);
	--tile-scrim-lg: linear-gradient(to top, rgba(10, 14, 14, .85), rgba(10, 14, 14, .38) 34%, rgba(10, 14, 14, .1) 60%, transparent 82%);
}