/*
Theme Name: Демократ — старый вид
Template: demokrat
Description: Дочерняя тема к «Демократ». Переопределяет только цвета и шрифт — Gilroy, акцент, текст и нейтрали старого сайта. Разметку, шаблоны, размеры и логику берёт у основной темы без изменений.
Author: Demokrat
Version: 0.1.0
Requires PHP: 8.0
Text Domain: demokrat-staryj-vid
*/

/*
 Зачем эта тема.

 Новый дизайн ещё не доведён, а показывать сайт надо. Старый вид при этом
 нельзя «подключить файлом стилей»: CSS Impreza целится в свои классы
 (.l-section, .w-grid, .us-btn), а содержимое статей мы перевели в чистый
 HTML — этих классов на странице больше нет.

 Зато обе темы построены на переменных, поэтому переносится то, что и
 составляет узнаваемость: шрифт, цвет текста, акцент и нейтральные тона.
 Раскладка, отступы и структура блоков остаются от новой темы.

 Значения взяты не на глаз, а из опции us_theme_options_css боевой базы
 (30 478 байт, снято 03.11.2026):
   --color-content-text/heading/primary  #2B2B2B
   --color-content-bg                    #ffffff
   --color-content-bg-alt                #f5f5f5
   нейтральная линия                     #cccccc
   акцент                                #f36718
   шрифт body и всех заголовков          "Gilroy"
   h1 56px, h2 28px, h3 22px
   .us-btn-style_1: 16px, 700, радиус 0.3em, фон = цвет текста
   .us-btn-style_3: 17px, 700, радиус 130px (таблетка)
*/

/* --- Gilroy ---------------------------------------------------------------
   Regular есть в веб-форматах из Impreza-child. Остальные начертания —
   ttf из экспорта КП: формат тяжелее woff2, но это единственное, что
   сохранилось, а без них жирность подменялась бы браузером.
   font-display:swap — чтобы текст был виден сразу, не дожидаясь шрифта. */

@font-face {
	font-family: 'Gilroy';
	src: url('fonts/gilroy-regular.woff2') format('woff2'),
	     url('fonts/gilroy-regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

/* Раскладка начертаний взята из собранного CSS самого сайта
   (опция us_theme_options_css). Она сдвинута относительно привычной:
   то, что сайт называет весом 700, — это файл SemiBold, 800 — Bold,
   900 — ExtraBold. Сначала я поставила на 700 именно Bold и сделала
   типографику на ступень жирнее оригинала. Исправлено 03.11.2026.

   Файлы .woff самого сайта лежали в медиабиблиотеке и погибли вместе
   с ней, поэтому берём ttf из экспорта КП франшизы — та же гарнитура.
   ExtraBold там нет, ближайшее — Heavy; это единственная подмена. */

@font-face {
	font-family: 'Gilroy';
	src: url('fonts/Gilroy-Medium.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gilroy';
	src: url('fonts/Gilroy-Semibold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gilroy';
	src: url('fonts/Gilroy-Bold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gilroy';
	src: url('fonts/Gilroy-Heavy.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gilroy';
	src: url('fonts/Gilroy-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

/* --- Переменные -----------------------------------------------------------
   Перебиваем те же имена, что объявляет основная тема в :root. Ничего,
   кроме значений, не меняем — поэтому любая вёрстка новой темы продолжает
   работать, просто в старых цветах и шрифте. */

:root {
	/* Шрифт. Onest заменяется на Gilroy, подстановки оставляем на случай,
	   если шрифт не загрузится. */
	--ff: 'Gilroy', 'Onest', 'Golos Text', 'Segoe UI', system-ui, -apple-system, sans-serif;

	/* Акцент старого сайта. Оттенок для наведения затемнён на 12 %
	   вручную: в старой теме отдельного значения для hover не было. */
	--orange: #f36718;
	--orange-ink: #c9500c;
	--orange-soft: #fbd9c2;
	--orange-tint: #fdf0e6;

	/* Текст и заголовки: на старом сайте и то и другое #2B2B2B. */
	--ink: #2b2b2b;
	--ink-soft: #4a4a4a;
	--gray: #777777;

	/* Нейтрали. Бежевая гамма новой темы — это её собственный приём;
	   на старом сайте светлые полосы были серыми #f5f5f5, линии #cccccc. */
	--beige: #f5f5f5;
	--beige-2: #ececec;
	--line: #cccccc;
	--line-2: #bbbbbb;

	/* Тёмные полосы и текст на них. */
	--black-2: #2b2b2b;
	--black-3: #1a1a1a;
	--on-dark: #e6e6e6;
	--on-dark-2: #b3b3b3;
}

/* --- Только цвета и шрифт --------------------------------------------------
   Размеры заголовков и вес кнопок старого сайта здесь были, но 03.11.2026
   владелец решила: новая тема как на тестовой копии, от старого сайта —
   только цвета и шрифт. Размеры старого сайта ломали раскладку новой темы,
   поэтому убраны.

   Макеты (главная, франшиза, партнёрство — шаблоны page-*-maket.php) несут
   свою палитру прямо в разметке: <style>:root{--orange:#F26522 ...}</style>
   внутри страницы. Она стоит ниже нашего файла и перебивает его :root.
   Обходим через сам контейнер макета: переменная, объявленная на ближайшем
   предке, важнее объявленной на :root — порядок в документе тут не важен. */

.dmk-maket {
	--orange: #f36718;
	--orange-600: #d9590f;
	--orange-ink: #c9500c;
	--orange-soft: #fbd9c2;
	--orange-tint: #fdf0e6;
	--ink: #2b2b2b;
	--ink-soft: #4a4a4a;
	--gray: #777777;
	--beige: #f5f5f5;
	--beige-2: #ececec;
	--line: #cccccc;
	--line-2: #bbbbbb;
	--black-2: #2b2b2b;
	--black-3: #1a1a1a;
	--on-dark: #e6e6e6;
	--on-dark-2: #b3b3b3;
	font-family: var(--ff);
}