:root {
    --background-clr: #FFC2E6; /* Базовый цвет фона сайта */
    --background-img: image-set(
        url("../images/cover-image-light.avif") type("image/avif") 1x,
        url("../images/cover-image-light@2.avif") type("image/avif") 2x,
        url("../images/cover-image-light.webp") type("image/webp") 1x,
        url("../images/cover-image-light@2.webp") type("image/webp") 2x,
        url("../images/cover-image-light.png") type("image/png") 1x,
        url("../images/cover-image-light@2.png") type("image/png") 2x
    ); /* Изображение на фоне */
    --main-font: "IBM Plex Mono"; /* Основной шрифт страницы */
    --main-text-clr: #353430; /* Основной цвет текста страницы */
    --header-decoration-icon-clr: transparent; /* Цвет кнопки REC в шапке сайта */
    --decorative-angle-clr: #353430; /* Цвет декоративных уголков для шапки и подвала */
    --accent-heading-fs-mobile: clamp(7.25rem, 7.0115rem + 1.0178vw, 7.5rem); /* Размер шрифта на мобильных устройствах */
    --accent-heading-fs-desktop: clamp(7.5rem, 0.5625rem + 14.4531vw, 9.8125rem); /* Размер шрифта на десктопах */
    --button-clr: #353430; /* Цвет кнопки */
    --button-hover-clr: #32312d66; /* Цвет кнопки при наведении */
    --main-title-clr: #FFC2E6; /* Цвет заголовка страницы (no focus) */
    --accent-boxshadow-clr: #FF8DCB; /* Цвет тени для заголовка, ссылок */
    --accent-background-clr: #FF8DCB; /* Цвет заднего фона у отдельных заголовков страницы */
    --accent-header-description-clr: #353430; /* Цвет описания в шапке */
    --accent-section-title-clr: #353430; /* Цвет заголовков секций */
    --accent-gallery-title-clr: #353430; /* Цвет заголовка галереи */
}