/*
 * ЕДИНЫЙ ФАЙЛ ПЕРЕМЕННЫХ ДИЗАЙНА (BRAND-ROADMAP.md, 5.1). Подключается первым на всех страницах.
 * Все цвета, шрифты, поля страницы задаются ТОЛЬКО здесь; остальные стили — через var(--…).
 * Проверка, что прямых цветов мимо этого файла нет: python -I -X utf8 tools/helpers/css-tokens-check.py
 * Справочник — STYLE-GUIDE.md в корне проекта. Все цвета на одной странице — /da-obrazec/.
 *
 * Палитра — бренд-бук DACLINIC 2026 (шаг 5.4): Light Base #FDFAF2, Warm Accent #C7AC7F, Deep Brown #50473E.
 * Контраст (WCAG AA): текст на --paper и --sand — не ниже 4,5:1; --gold и --brand-mid — только узор, линии,
 * рамки, иллюстрации, крупные элементы, НЕ мелкий текст (2,1:1 и 2,7:1). Прежняя палитра — tokens.css_before-2026-10-19b.
 */

:root {
	/* ---------- Бренд-бук ---------- */
	--paper: #fdfaf2;            /* Light Base — фон страниц */
	--gold: #c7ac7f;             /* Warm Accent — узор, линии, рамки, иллюстрации (не мелкий текст: 2,1:1) */
	--dark: #50473e;             /* Deep Brown — тёмные блоки (подвал, тёмные карточки), текст на них — --paper */

	/* ---------- Текст ---------- */
	--ink: #50473e;              /* основной текст (8,7:1 на фоне) */
	--brown: #50473e;            /* заголовки, тёмные кнопки, рамки фокуса */
	--ink-soft: #5e5448;         /* чуть мягче основного (7,1:1) */
	--muted: #766756;            /* второстепенный текст (5,2:1; на --sand 4,5:1) */
	--muted-2: #766756;          /* второстепенный текст (шапка) */
	--gold-dark: #7a6345;        /* «золотой» мелкий текст и ссылки (5,4:1) */
	--gold-ink: #3a332c;         /* текст на золотом фоне (5,7:1 на --gold) */

	/* ---------- Фоны и линии (золото поверх фона) ---------- */
	--white: #fff;               /* белые карточки, поля, текст на тёмном */
	--black: #000;
	--sage: #f5efe2;             /* мягкий фон блоков, светлее (золото 14 %) */
	--rose: #f3ecdd;             /* мягкий фон (золото 18 %) */
	--sand: #f1e9d9;             /* мягкий фон блоков (золото 22 %) */
	--line: #ede3cf;             /* линии и рамки (золото 30 %) */
	--line-strong: #dfcfb3;      /* заметные рамки, разделители (золото 55 %) */
	--brand-peach: var(--sand);
	--brand-peach-soft: var(--sage);
	--brand-mid: #b0956a;        /* средний тон золота: иллюстрации, крупные номера (не мелкий текст) */

	/* ---------- Состояния ---------- */
	--ok: #376523;               /* успешно отправлено и т. п. */
	--ok-bg: #e3ecd2;
	--error: #ae3827;            /* ошибка */
	--error-2: #a3392b;          /* ошибка в полях форм */
	--error-bg: #f5e3dc;

	/* ---------- Шрифты (файлы и @font-face — fonts.css) ---------- */
	--serif: 'Playfair Display', Georgia, serif;     /* бренд-бук: заголовки, имиджевые фразы, акценты */
	--sans: 'Core Sans C', Arial, sans-serif;        /* бренд-бук: текст, меню, кнопки (лицензия клиники; ₽ — из Manrope, fonts.css) */
	--heading-tracking: -.01em;                      /* разрядка заголовков Playfair (у Manrope в концепте было до -.055em) */

	/* ---------- Поля и ширина страницы ---------- */
	--pad: clamp(22px, 4.8vw, 80px);   /* поле слева и справа */
	--max: 1510px;                     /* наибольшая ширина содержимого */
}
@media (max-width: 560px) { :root { --pad: 22px; } }
@media (max-width: 370px) { :root { --pad: 18px; } }

/*
 * Оттенки из концепта — до 5.1 были записаны в стилях напрямую. С шага 5.4 сведены к палитре бренд-бука:
 * имя оставлено прежним (с исходным цветом — чтобы найти правило), значение — цвет бренда.
 */
:root {
	/* фоны */
	--bg-665b4a: var(--dark);
	--bg-cbb9a4: var(--line-strong);
	--bg-d8d2c7: var(--line-strong);
	--bg-deddd3: var(--sand);
	--bg-e0e5e1: var(--sand);
	--bg-e1ded3: var(--sand);
	--bg-e2e5de: var(--sand);
	--bg-e3ded4: var(--sand);
	--bg-e5c3ad: var(--line-strong);
	--bg-e5e3d9: var(--sand);
	--bg-e6e1d8: var(--sand);
	--bg-e7e2d8: var(--sand);
	--bg-e8e4db: var(--sand);
	--bg-e8e5dd: var(--sand);
	--bg-e9ddd5: var(--sand);
	--bg-e9e4d9: var(--sand);
	--bg-e9e6dd: var(--sand);
	--bg-e9e7df: var(--sage);
	--bg-eae5dc: var(--sage);
	--bg-eae7df: var(--sage);
	--bg-eae8df: var(--sage);
	--bg-ebe7de: var(--sage);
	--bg-ede9df: var(--sage);
	--bg-f5f4eff5: #fdfaf2f5;
	--bg-f8f4eade: #f5efe2de;
	--bg-fdfcf8: var(--paper);
	--bg-fff8f1ed: #fdfaf2ed;
	--bg-fffcf1e0: #fdfaf2e0;
	--bg-fffdefc2: #fdfaf2c2;
	--bg-fffdf3e8: #fdfaf2e8;
	--bg-fffef0cc: #fdfaf2cc;
	--bg-fffef9ed: #fdfaf2ed;
	--paper-e8: #fdfaf2e8;
	--paper-ed: #fdfaf2ed;
	--paper-ee: #fdfaf2ee;
	--paper-f5: #fdfaf2f5;
	--white-7f: #ffffff7f;
	--white-80: #ffffff80;
	--black-33: #00000033;
	/* затемнения (видео, окна) */
	--overlay-1c1b19c9: #2b2621c9;
	--overlay-1c1b19d9: #2b2621d9;
	--overlay-25221e: #2b2621;
	--overlay-29251e80: #2b262180;
	--overlay-3b2f27: #3b342d;
	/* рамки */
	--border-302b2522: #50473e22;
	--border-b7aa96: var(--line-strong);
	--border-bbb4a8: var(--line-strong);
	--border-bfb5a8: var(--line-strong);
	--border-c1b6a5: var(--line-strong);
	--border-c5b9a8: var(--line-strong);
	--border-c6a48d: var(--gold);
	--border-c6bba9: var(--line-strong);
	--border-c7a68f: var(--gold);
	--border-d6b9a6: var(--line-strong);
	--border-dbc3b4: var(--line-strong);
	--line-70: #ede3cf70;
	--line-80: #ede3cf80;
	/* тени — от основного тёмного тона */
	--brown-0a: #50473e0a;
	--shadow-16120b26: #2b262126;
	--shadow-16120b3b: #2b26213b;
	--shadow-19150f35: #2b262135;
	--shadow-302b2505: #50473e05;
	--shadow-302b2530: #50473e30;
	--shadow-40372b0c: #50473e0c;
	/* текст */
	--text-5f5043: var(--ink-soft);
	--text-625b50: var(--ink-soft);
	--text-645a50: var(--ink-soft);
	--text-655c4d: var(--ink-soft);
	--text-665f55: var(--ink-soft);
	--text-685f53: var(--ink-soft);
	--text-6c6257: var(--ink-soft);
	--text-71695d: var(--muted);
	--text-785d49: var(--gold-dark);
	--text-7e6b55: var(--gold-dark);
	--text-7e7566: var(--muted);
	--text-8c7c69: var(--muted);
	--text-998770: var(--muted);
	--text-a9987d: var(--muted);
}