:root{
/* Color Theme Swatches in Hex */
.Bright-Blue-Dark-Teal-Aqua-Orange-1-hex { color: #026E81; }
.Bright-Blue-Dark-Teal-Aqua-Orange-2-hex { color: #00ABBD; }
.Bright-Blue-Dark-Teal-Aqua-Orange-3-hex { color: #0099DD; }
.Bright-Blue-Dark-Teal-Aqua-Orange-4-hex { color: #FF9933; }
.Bright-Blue-Dark-Teal-Aqua-Orange-5-hex { color: #A1C7E0; }

/* Color Theme Swatches in RGBA */
--Cvet_Texta-1-rgba   : rgba(2, 110, 129, 1);
--Cvet_Texta-2-rgba   : rgba(0, 171, 189, 1); 
--Cvet_Shapki-3-rgba  : rgba(0, 153, 221, 1); 
--Cvet_Podvala-4-rgba : rgba(255, 153, 51, 1); 
--Cvet_Fona-5-rgba    : rgba(161, 199, 224, 1); 

/* Color Theme Swatches in HSLA */
.Bright-Blue-Dark-Teal-Aqua-Orange-1-hsla { color: hsla(188, 96, 25, 1); }
.Bright-Blue-Dark-Teal-Aqua-Orange-2-hsla { color: hsla(185, 100, 37, 1); }
.Bright-Blue-Dark-Teal-Aqua-Orange-3-hsla { color: hsla(198, 100, 43, 1); }
.Bright-Blue-Dark-Teal-Aqua-Orange-4-hsla { color: hsla(30, 100, 60, 1); }
.Bright-Blue-Dark-Teal-Aqua-Orange-5-hsla { color: hsla(203, 50, 75, 1); }
}


/*!!!!!!!-- Все это было скопировано --!!!!!!!!!!!!!!*/
.breadcrumb {
    margin: 0; padding: 0; /* Обнуляем отступы и поля */
    list-style: none; /* Убираем маркеры и нумерацию */
    background-color: var(--Cvet_Fona-5-rgba); 
    font-family: Arial, Helvetica, sans-serif; /* Шрифт */
    padding: 1rem; /* Расстояние от текста до края */
    border-radius: 5px; /* Радиус скругления */
    display: flex; /* Выстраиваем список по горизонтали */
    flex-wrap: wrap; /* Текст переносится на другую строку */
    /*margin-top: 2rem; /* Расстояние сверху */

    color: #921010;
    font-weight: bold; /* Жирный шрифт */
   }
   .breadcrumb > li > a,
   .breadcrumb > li > a:visited {
    color: #000000; /* Серый цвет ссылок */
    text-decoration: none; /* Убираем подчёркивание */
   }
   .breadcrumb > li > a:hover {
    color: #1335c5; /* Цвет ссылок при наведении */
   }
   .breadcrumb > li::after {
    content: url(../img/strelka.png);  /* Символ разделителя '→' */
    color: var(--Cvet_Podvala-4-rgba); /* Цвет символа */
    padding: 0 1rem; /* Расстояние слева и справа */
   }
   .breadcrumb > li:last-child::after {
    content: none; /* Убираем разделитель */
   }
   .breadcrumb > span {   /*???????????????? Не работает!!!
    color: #921010; /* Цвет текста */
    font-weight: bold; /* Жирный шрифт */
   }