/* ========== ТЕМЫ ИНСТИТУТОВ: цветовые стили для блоков и компонентов ========== */

/* Цветовые модификаторы — применяются к кнопкам, карточкам, заголовкам и др. */


/* ========== Цветовые темы институтов: фоны и текст ========== */


.institute-color-blue {
    color: #1D3861;
}

.institute-color-gray {
    color: #98A2B3;
}

.institute-color-green {
    color: #76E6B6;
}

.institute-color-purple {
    color: #731484;
}

.institute-theme-blue {
    background-color: #1D3861;
    color: #ffffff;
    transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.institute-theme-blue:hover {
    background-color: #162c4d; /* темнее */
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 8px 20px rgba(29, 56, 97, 0.35);
}

.institute-theme-gray {
    background-color: #98A2B3;
    color: #ffffff;
    transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.institute-theme-gray:hover {
    background-color: #7e8798;
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 8px 20px rgba(152, 162, 179, 0.35);
}

.institute-theme-green {
    background-color: #76E6B6;
    color: #ffffff;
    transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.institute-theme-green:hover {
    background-color: #5bc29b;
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 8px 20px rgba(118, 230, 182, 0.35);
}

.institute-theme-purple {
    background-color: #731484;
    color: #ffffff;
    transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.institute-theme-purple:hover {
    background-color: #5c0f6a;
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 8px 20px rgba(115, 20, 132, 0.35);
}