/*
 * SK Course Blocks — дизайн-токены (Этап 1).
 * Единственный источник размеров, цветов и отступов для всех SK-блоков
 * и нормализованной типографики. Правки стиля — только здесь.
 */
:root {
	/* Цвета — синхронизированы с темой Akpager (kit 588):
	   primary #0055FF, secondary #00194C, light #F1F5FF, акцент кнопок hero #FEC458 */
	--sk-c-primary: #0055ff;
	--sk-c-primary-dark: #00194c;
	--sk-c-primary-soft: #f1f5ff;
	--sk-c-accent: #fec458;
	--sk-c-accent-dark: #00194c;
	--sk-c-ink: #1c2434;
	--sk-c-muted: #5d6b80;
	--sk-c-line: #dfe5ee;
	--sk-c-bg: #ffffff;
	--sk-c-bg-alt: #f5f7fb;
	--sk-c-ok: #15803d;
	--sk-c-warn-bg: #fff7ed;
	--sk-c-warn-line: #fdba74;
	--sk-c-warn-ink: #7c2d12;

	/* Типографика: модульная шкала заголовков */
	--sk-fs-h1: clamp(1.6rem, 4.5vw, 2.5rem);
	--sk-fs-h2: clamp(1.3rem, 3vw, 1.8rem);
	--sk-fs-h3: 1.12rem;
	--sk-fs-h4: 1rem;
	--sk-fs-body: 1rem;
	--sk-fs-small: 0.85rem;
	--sk-lh-head: 1.25;
	--sk-lh-body: 1.6;

	/* Отступы и радиусы */
	--sk-sp-section: clamp(3rem, 7vw, 4.5rem);
	--sk-sp-card: 1.25rem;
	--sk-radius: 14px;
	--sk-radius-s: 9px;
	--sk-shadow: 0 6px 24px rgba(23, 42, 84, 0.09);
	--sk-maxw: 1080px;

	/* Кнопки — форма как у .akpager-button темы */
	--sk-btn-pad: 15px 30px;
	--sk-btn-radius: 20px;
	--sk-btn-font-size: 16px;
	--sk-btn-weight: 600;

	/* Боковые отступы контентной обёртки — как в прототипе (24px на
	   десктопе): при 48px в обёртку 1080px не влезали 4 карточки в ряд */
	--sk-wrap-pad: clamp(1rem, 3vw, 1.5rem);
}