:root {
    --mltu-ink: #172748;
    --mltu-blue: #2144a5;
    --mltu-blue-deep: #18327c;
    --mltu-sand: #f8edf0;
    --mltu-mint: #dff3eb;
    --mltu-sky: #eef2ff;
    --mltu-accent: #d55763;
    --mltu-green: #1b8f5a;
    --mltu-border: rgba(23, 39, 72, 0.12);
    --mltu-shadow: 0 24px 60px rgba(23, 39, 72, 0.12);
}

body {
    font-family: "Noto Sans TC", sans-serif;
    color: var(--mltu-ink);
}

h1, h2, h3, .brand-type {
    font-family: "Outfit", "Noto Sans TC", sans-serif;
}

.site-nav {
    backdrop-filter: blur(14px);
    background: rgba(255, 255, 255, 0.9);
    border-bottom: 1px solid rgba(17, 36, 59, 0.08);
}

.navbar-brand {
    font-weight: 800;
    letter-spacing: 0.01em;
    color: var(--mltu-blue-deep);
}

.brand-logo {
    width: 2.9rem;
    height: 2.9rem;
    object-fit: contain;
    filter: drop-shadow(0 10px 18px rgba(33, 68, 165, 0.2));
}

.nav-link {
    font-weight: 600;
    color: var(--mltu-ink);
}

.nav-link:hover,
.nav-link:focus,
.nav-link.active {
    color: var(--mltu-blue);
}

.btn-main {
    background: var(--mltu-blue);
    color: #fff;
    border: 0;
    box-shadow: 0 16px 30px rgba(33, 68, 165, 0.2);
}

.btn-main:hover,
.btn-main:focus {
    background: var(--mltu-blue-deep);
    color: #fff;
}

.site-footer {
    background: #0f1d30;
    color: rgba(255, 255, 255, 0.8);
}

.site-footer a {
    color: rgba(255, 255, 255, 0.86);
    text-decoration: none;
}

.site-footer a:hover {
    color: #fff;
}