:root {
    /* 1. Цвет фона Header (Шапка) */
    --header-bg: rgba(33, 37, 41, 0.85);

    /* 2. Цвет фона Footer (Подвал) */
    --footer-bg: rgba(33, 37, 41, 0.85);

    /* 3. Цвета кнопки поиска и текста на ней */
    --search-btn-bg: #fce000;
    --search-btn-color: #000000;
    --search-btn-bg-hover: #f0d500;
    --search-btn-shadow: rgba(252, 224, 0, 0.3);
    --search-btn-shadow-hover: rgba(252, 224, 0, 0.4);
}

/* --------------------------------------------------------------------------
   1. Цвет фона Header
   -------------------------------------------------------------------------- */
.navbar {
    background-color: var(--header-bg) !important;
}

/* --------------------------------------------------------------------------
   2. Цвет фона Footer
   -------------------------------------------------------------------------- */
footer {
    background-color: var(--footer-bg) !important;
}

/* --------------------------------------------------------------------------
   3. Цвета кнопки поиска и текста на ней
   -------------------------------------------------------------------------- */
#searchform button {
    background-color: var(--search-btn-bg);
    color: var(--search-btn-color);
    box-shadow: 0 4px 12px var(--search-btn-shadow);
}

#searchform button:hover {
    background-color: var(--search-btn-bg-hover);
    color: var(--search-btn-color);
    box-shadow: 0 6px 16px var(--search-btn-shadow-hover);
}

#searchform button:focus {
    background-color: var(--search-btn-bg-hover);
    color: var(--search-btn-color);
    box-shadow: 0 4px 12px var(--search-btn-shadow), 0 0 0 4px var(--search-btn-shadow-hover);
}