body {
    color: #172033;
    background-color: #f7fbff;
    background-image: linear-gradient(180deg, #e7fbff 0%, #f7fbff 42%, #ffffff 100%);
}

:root {
    --main-color: #13b8c8;
    --accent-color: #ff6b5f;
    --ink-color: #172033;
    --muted-color: #667085;
    --surface-color: #ffffff;
}

::selection {
    background: #13b8c8;
    color: #ffffff;
}

.header {
    background: rgba(11, 26, 43, 0.86);
    backdrop-filter: blur(12px);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
}

.header .navbar_nav li:after {
    background: #ff6b5f;
}

.header .navbar_nav li:hover a {
    color: #ffb45c;
}

.header.on {
    background: rgba(255, 255, 255, 0.94);
    border-bottom: 1px solid rgba(19, 184, 200, 0.18);
}

.header.on .navbar_nav li:hover a {
    color: #13b8c8;
}

.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover {
    background: #13b8c8;
    color: #ffffff;
}

.m_nav {
    background: #f7fbff;
}

.m_nav .ul li {
    border-bottom-color: rgba(19, 184, 200, 0.16);
}

.m_nav .ul li a {
    color: #172033;
}

.section-title .title,
.content .content-title,
.game-right .game-name {
    color: #172033;
}

.shadow {
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.10) !important;
}

.blog {
    background: #ffffff;
    border: 1px solid rgba(19, 184, 200, 0.12);
}

.blog .content .title {
    color: #172033 !important;
}

.blog .content .title:hover,
.blog .content .author:hover,
.blog .content .read:hover {
    color: #13b8c8 !important;
}

.bg-primary,
.badge.bg-primary {
    background-color: #ff6b5f !important;
}

.text-primary {
    color: #13b8c8 !important;
}

a.text-primary:hover,
a.text-primary:focus {
    color: #0f98a6 !important;
}

.games-item_a {
    box-shadow: 0 12px 30px rgba(19, 184, 200, 0.18);
}

.score_span,
.games-item_a .games-desc .score .score_span,
.game-rate .score_span {
    color: #ff6b5f;
}

.game .game-button {
    background: linear-gradient(135deg, #ff6b5f, #ff9b5f);
    color: #ffffff;
}

.game .game-button.disabled {
    background: #64748b;
}

.game .game-desc {
    color: #667085;
}

footer {
    background: #0b1a2b;
}

.footer-policy {
    background-color: rgba(19, 184, 200, 0.12);
}

.footer-policy a {
    color: #dff9ff;
}

.copyright {
    color: #b9c8d8;
}

@media screen and (max-width: 992px) {
    .header #navToggle span,
    .header #navToggle span:before,
    .header #navToggle span:after,
    .header #navToggle.open span:before,
    .header #navToggle.open span:after {
        background: #ffffff;
    }
}