/* ------------------------------------------------------------------
   Токены темы «Моя рыбалка»

   Два независимых набора цвета:

   1. Брендовый — навигация, ссылки, акценты. Нейтрален по смыслу.
   2. Статусный — только для правовых материалов, где «запрещено» и
      «разрешено» действительно противопоставлены.

   Смешивать их нельзя. Красный на календаре клёва читается как запрет,
   янтарный на оценке платника — как нарушение. Для шкал и рейтингов
   заведён третий набор, градация одного тона.
   ------------------------------------------------------------------ */

:root {
	/* Чернила и бумага */
	--ink:            #0f1a1e;
	--ink-2:          #2f4148;
	--ink-3:          #64787f;
	--ink-4:          #8b9ba1;
	--paper:          #ffffff;
	--paper-2:        #f4f7f7;
	--paper-3:        #e8eeef;
	--line:           #dbe3e5;
	--line-strong:    #c3cfd2;

	/* Бренд: глубокая вода */
	--brand:          #0e5a66;
	--brand-mid:      #137b8b;
	--brand-dark:     #0a444e;
	--brand-soft:     #e1eff1;
	--brand-soft-2:   #eef6f7;

	/* Статусы — ТОЛЬКО правовые материалы */
	--st-no:          #b32b22;
	--st-no-soft:     #fbeceb;
	--st-ok:          #1c7742;
	--st-ok-soft:     #ecf6f0;
	--st-warn:        #9e6106;
	--st-warn-soft:   #fdf4e6;

	/* Шкалы и оценки — градация одного тона, без «тревоги» */
	--sc-1:           #d6e3e6;
	--sc-2:           #9dc0c7;
	--sc-3:           #5f9aa5;
	--sc-4:           #2c7683;
	--sc-5:           #0e5a66;
	--sc-track:       #edf1f2;

	/* Тёплый акцент — обзоры платников и баз, где нужна не строгость, а живость */
	--warm:           #a45b1e;
	--warm-soft:      #fbf1e6;
	--warm-line:      #e8d3ba;

	/* Типографика */
	--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;

	/* Ширина колонки текста. Правится в одном месте. */
	--measure:        44rem;
	--rail-left:      15rem;
	--rail-right:     19rem;
	--gap:            2.5rem;

	--r:              8px;
	--r-sm:           5px;

	/* Высота липкой панели — нужна и в CSS, и в расчёте якорей */
	--navbar:         46px;
}

@media (max-width: 900px) {
	:root { --navbar: 0px; }
}