/*
 * CRHD-01 — дизайн-система CleanRating.
 * Только переменные. Ничего не применяет, подключать безопасно.
 * Значения сняты с текущего style.css (2026-10-14): основной синий #4A72FF,
 * текст #000B2F, фон #F6F7F8, зелёный рейтинга #45B84A, шрифт gilroy.
 * Оранжевый (#FD800C) в систему не входит — уходит вместе с лидоген-блоками.
 */

:root {
	/* ---- Бренд: синий. Один оттенок вместо прежних пяти ---- */
	--crd-blue-50: #f4f7ff;
	--crd-blue-100: #ebf0fc;
	--crd-blue-200: #ced9ff;
	--crd-blue-300: #a9bdff;
	--crd-blue: #4a72ff;
	--crd-blue-600: #3d63ef;
	--crd-blue-700: #2f4fd0;
	--crd-blue-900: #1a316b;

	/* ---- Текст ---- */
	--crd-ink: #000b2f;
	--crd-ink-2: #3f4b6b;
	--crd-ink-3: #6b7794;
	--crd-ink-4: #8e97ad;
	--crd-on-blue: #ffffff;

	/* ---- Поверхности и линии ---- */
	--crd-bg: #ffffff;
	--crd-bg-soft: #f6f7f9;
	--crd-bg-tint: #f4f7ff;
	--crd-line: #e6eaf2;
	--crd-line-2: #d3dbea;

	/* ---- Рейтинг. Зелёный только здесь ---- */
	--crd-rate: #1f9d55;
	--crd-rate-strong: #45b84a;
	--crd-rate-bg: #e9f7ee;
	--crd-rate-line: #c6e9d4;
	--crd-star: #f5a524;

	/* ---- Статусы ---- */
	--crd-danger: #e5484d;
	--crd-danger-bg: #fdecec;

	/* ---- Типографика ---- */
	--crd-font: "gilroy", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--crd-fs-xs: 12px;
	--crd-fs-sm: 14px;
	--crd-fs-base: 16px;
	--crd-fs-md: 18px;
	--crd-fs-lg: 20px;
	--crd-fs-xl: 24px;
	--crd-fs-2xl: 32px;
	--crd-fs-3xl: 40px;
	--crd-fs-4xl: 52px;
	--crd-lh-tight: 1.1;
	--crd-lh-snug: 1.28;
	--crd-lh-base: 1.5;
	--crd-fw-regular: 400;
	--crd-fw-medium: 500;
	--crd-fw-bold: 700;

	/* ---- Шаг отступов: 8px ---- */
	--crd-s1: 4px;
	--crd-s2: 8px;
	--crd-s3: 12px;
	--crd-s4: 16px;
	--crd-s5: 24px;
	--crd-s6: 32px;
	--crd-s7: 40px;
	--crd-s8: 56px;
	--crd-s9: 72px;
	--crd-s10: 96px;

	/* Вертикальный ритм между блоками страницы */
	--crd-block: 88px;
	--crd-block-sm: 56px;

	/* ---- Радиусы ---- */
	--crd-r-sm: 8px;
	--crd-r-md: 12px;
	--crd-r-lg: 16px;
	--crd-r-xl: 24px;
	--crd-r-pill: 999px;

	/* ---- Тени: три уровня ---- */
	--crd-sh-1: 0 1px 2px rgba(0, 11, 47, .05);
	--crd-sh-2: 0 4px 16px rgba(0, 11, 47, .07);
	--crd-sh-3: 0 16px 48px rgba(0, 11, 47, .10);

	/* ---- Сетка ---- */
	--crd-container: 1203px;
	--crd-gutter: 20px;

	/* ---- Переходы ---- */
	--crd-t: .18s ease;
}

@media (max-width: 1023px) {
	:root {
		--crd-block: 56px;
		--crd-block-sm: 40px;
		--crd-gutter: 16px;
	}
}