:root {
    --main-color: #1a2026;
    --secondary-color: #212932;
    --text-color: #8794a1;
}

body {
    background-color: var(--main-color);
    color: white;
    font-weight: bold;
}

header {
    background-color: var(--secondary-color);
}

main {
    padding-bottom: 45px;
    min-height: calc(100vh - 98px - 120px);
}

@media (min-width: 992px) {
    main {
        min-height: calc(100vh - 66px - 72px);
    }
}

.nav a {
    color: var(--text-color);
    font-weight: bold;
}

.nav a:hover {
    color: #fff
}

.nav .home-btn {
    cursor: default;
    color: #fff;
}

.text-color {
    color: var(--text-color)
}


.stars-input {
    background-color: var(--secondary-color);
    border: none;
    height: 48px;
    max-width: 500px;
    color: #fff
}

.stars-input:focus {
    background-color: var(--secondary-color);
    color: #fff;
    box-shadow: none;
}

.stars-input::placeholder {
    color: var(--text-color)
}

.stars-input:focus::placeholder {
    color: #a6a6a6;
    transition-duration: 0.3s;
}

.stars-input:disabled {
    background-color: var(--secondary-color) !important;

    color: #fff !important;
}

.stars-price {
    background-color: var(--secondary-color);
    border: none;
    max-width: 500px;
    color: #fff;
    padding: 15px;
}

.btn-buy-stars {
    width: 500px;
    padding: 15px;
    font-weight: bold;

}

footer {
    width: 100%;
    background-color: var(--secondary-color);
    color: var(--text-color)
}

footer a {
    text-decoration: none;
    color: var(--text-color);
    cursor: pointer;
}

footer a,
footer a img {
    transition: color 0.2s ease, filter 0.2s ease;
}

footer a:hover,
footer a:hover img {
    color: white;
    filter: brightness(0) invert(1); /* Делает изображение белым */
}