/*
 * Фирменный зелёный сайта — переменными вместо сотни одинаковых HEX.
 * Подключается первым на всех страницах (layouts/app и кабинет), остальные
 * стили берут цвет отсюда: var(--vz-green), rgba(var(--vz-green-rgb), .9).
 *
 * Светлый зелёный — основной (#48924e) и почти такой же у пунктов шапки
 * (#478f4d); рядом — светлые оттенки наведения на кнопки. Тёмный зелёный —
 * подложка шапки (#307943).
 */
:root {
    --vz-green: #48924e;
    --vz-green-rgb: 72, 146, 78;
    --vz-green-nav: #478f4d;
    --vz-green-dark: #307943;
    --vz-green-light: #5aaa62;
    --vz-green-hover: #59ad60;
    --vz-green-soft: #579e5d;
    --vz-green-pressed: #3a8f52;

    /* Оранжевый акцент кнопок («Обратный звонок», «Проекты из бруса»…) и его наведение. */
    --vz-orange: #ea8f13;
    --vz-orange-hover: #ffa326;

    /* Коричневый текста (шапка, кнопки главной, активный тег фильтра) и его оттенки. */
    --vz-brown: #5c3d0c;
    --vz-brown-63431d: #63431d;
    --vz-brown-38270c: #38270c;
    --vz-brown-8a6b3d: #8a6b3d;
    --vz-brown-845d06: #845d06;

    /* Остальные оранжевые сайта — по исходному HEX в имени (градиенты кнопок, бейджи, звёзды). */
    --vz-orange-8a5522: #8a5522;
    --vz-orange-c46f00: #c46f00;
    --vz-orange-cca655: #cca655;
    --vz-orange-cd6e2a: #cd6e2a;
    --vz-orange-cd8c00: #cd8c00;
    --vz-orange-d07d0c: #d07d0c;
    --vz-orange-d38c00: #d38c00;
    --vz-orange-d58d22: #d58d22;
    --vz-orange-dd9119: #dd9119;
    --vz-orange-df9c0a: #df9c0a;
    --vz-orange-e46b25: #e46b25;
    --vz-orange-e88e00: #e88e00;
    --vz-orange-eb8800: #eb8800;
    --vz-orange-eb8800-rgb: 235, 136, 0;
    --vz-orange-eb9922: #eb9922;
    --vz-orange-f0ae3d: #f0ae3d;
    --vz-orange-f0c87f: #f0c87f;
    --vz-orange-f0c94a: #f0c94a;
    --vz-orange-f38218: #f38218;
    --vz-orange-f5a030: #f5a030;
    --vz-orange-f5a623: #f5a623;
    --vz-orange-f5aa40: #f5aa40;
    --vz-orange-f7ac3c: #f7ac3c;
    --vz-orange-f7c43a: #f7c43a;
    --vz-orange-f9c24d: #f9c24d;
    --vz-orange-fb9811: #fb9811;
    --vz-orange-ff9c00: #ff9c00;
    --vz-orange-ff9f0a: #ff9f0a;
    --vz-orange-ffa726: #ffa726;
    --vz-orange-ffb033: #ffb033;
    --vz-orange-ffb800: #ffb800;
}

/*
 * Осень: с 1 сентября по 30 ноября, на площадках с включённым показом
 * сезонных картинок (класс ставит раскладка — SeasonalImageDisplayService).
 * Светлый зелёный — #456E49, тёмный — #3B5B3E (оба заданы вручную);
 * оттенки наведения сдвинуты как светлый, чтобы кнопки не вспыхивали
 * прежним ярким зелёным.
 */
:root.season-autumn {
    --vz-green: #456e49;
    --vz-green-rgb: 69, 110, 73;
    --vz-green-nav: #456e49;
    --vz-green-dark: #3b5b3e;
    --vz-green-light: #57865c;
    --vz-green-hover: #56895b;
    --vz-green-soft: #537b57;
    --vz-green-pressed: #3a6848;

    /* Оранжевый — #CC7D13 (задан вручную), наведение сдвинуто так же. */
    --vz-orange: #cc7d13;
    --vz-orange-hover: #fc950b;

    /* Коричневый — #724F2C (задан вручную), оттенки сдвинуты так же. */
    --vz-brown: #724f2c;
    --vz-brown-63431d: #78573e;
    --vz-brown-38270c: #543d26;
    --vz-brown-8a6b3d: #9b7e62;
    --vz-brown-845d06: #92682e;

    /* Остальные оранжевые — тем же сдвигом, что #EA8F13 → #CC7D13. */
    --vz-orange-8a5522: #71461d;
    --vz-orange-c46f00: #a45d02;
    --vz-orange-cca655: #c39940;
    --vz-orange-cd6e2a: #b26027;
    --vz-orange-cd8c00: #ad7602;
    --vz-orange-d07d0c: #b26b0c;
    --vz-orange-d38c00: #b37702;
    --vz-orange-d58d22: #b97b20;
    --vz-orange-dd9119: #c07e18;
    --vz-orange-df9c0a: #c0860b;
    --vz-orange-e46b25: #cf5d1c;
    --vz-orange-e88e00: #c87a02;
    --vz-orange-eb8800: #cb7502;
    --vz-orange-eb8800-rgb: 203, 117, 2;
    --vz-orange-eb9922: #d98916;
    --vz-orange-f0ae3d: #eba124;
    --vz-orange-f0c87f: #ebbb66;
    --vz-orange-f0c94a: #ebbf31;
    --vz-orange-f38218: #df720e;
    --vz-orange-f5a030: #f19216;
    --vz-orange-f5a623: #ec980e;
    --vz-orange-f5aa40: #f19c26;
    --vz-orange-f7ac3c: #f39e22;
    --vz-orange-f7c43a: #f3b920;
    --vz-orange-f9c24d: #f6b632;
    --vz-orange-fb9811: #e78707;
    --vz-orange-ff9c00: #de8803;
    --vz-orange-ff9f0a: #e88d03;
    --vz-orange-ffa726: #fc990b;
    --vz-orange-ffb033: #fca318;
    --vz-orange-ffb800: #dea003;
}