:root {
    --hue: #00ADEF;
    --fit: #F58220;
    --ink: #123047;
    --muted: #64748b;
    --surface: #ffffff;
    --soft: #f4f8fb;
    --line: #e6eef5;
}

.index-page .nav-link.active,
.index-page .nav-link:hover {
    color: var(--hue) !important;
}

.btn-about {
    background-color: var(--hue);
    color: var(--surface);
    border: none;
}

.btn-about:hover {
    color: rgb(255, 255, 255);
    transform: translateY(-2px);
    background: rgb(245, 130, 32);
}