/**
 * NoNarko Longread — единая палитра.
 *
 * Основана на фирменной бирюзе форума (#3abcca, theme-color XenForo).
 * Меняешь цвет здесь — меняется во всех блоках плагина (статья, каталог,
 * hero, CTA-баннеры, шапка, футер).
 *
 * Переменные объявлены и на :root, и на .nn-a / .nn-cat, чтобы работать
 * и внутри контейнеров, и в глобальных блоках (шапка/футер).
 */
:root,
.nn-a,
.nn-cat {
	--blue:        #3abcca; /* основной бирюзовый */
	--blue-dark:   #1f8b98; /* тёмный акцент (заголовки) */
	--blue-light:  #e3f6f8; /* светлый фон-подложка */
	--blue-accent: #2ba7b5; /* ссылки и кнопки */

	--red:         #d5342b; /* тревога / CTA */
	--red-dark:    #b82920; /* тот же красный, темнее — для hover кнопок */
	--red-light:   #fdecea;
	--green:       #1f9d55;
	--green-light: #eaf7ef;

	--text:        #1c2733;
	--muted:       #5b6a7a;
	--heading:     #565454; /* заголовки статьи (H1 и H2/H3 в тексте) */
	--accent:      #d5342b; /* акцент: кнопки действия и телефоны (более не используется — везде var(--red)) */
	--accent-dark: #b82920; /* тот же акцент, темнее — для hover */
	--accent-text: #565454; /* текст поверх акцента (жёлтый светлый → тёмный текст) */
	--border:      #d7ebee; /* граница с бирюзовым подтоном */
	--bg-soft:     #f2fafb; /* мягкий фон с бирюзовым подтоном */

	/* Тёмная гамма (футер, тёмные блоки) — тёмно-бирюзовая. */
	--dark:        #0c2b30; /* тёмный фон футера */
	--dark-2:      #123c43; /* тёмный фон 2 (границы/подложки) */
	--dark-text:   #bcd6da; /* основной текст на тёмном */
	--dark-muted:  #86a6ab; /* приглушённый текст на тёмном */

	--radius:      14px;
	--radius-sm:   8px;
}

/**
 * Общая защита от горизонтального скролла на мобилке.
 *
 * Не прячет overflow у всей страницы (это ломает position:sticky), а лишь
 * не даёт корневым контейнерам плагина стать шире экрана.
 */
.nn-a,
.nn-cat,
.nnt {
	max-width: 100%;
	overflow-x: clip;
}