:root{
    --app-bg:#f6f7f9;
    --icon-colors: #0d6efd;
    --text:#0f172a;
    --muted:#6b7280;
    --card-bg:#ffffff;
    --badge:#e9f2ff;
    --badge-2:#eaf6ef;
    --badge-3:#eeeefe;
    --shadow:0 20px 40px rgba(0,0,0,.05);
}
body.theme-dark{
    --app-bg:#0b0f16;
    --text:#ffffff;
    --icon-colors: var(--text);
    --muted:#c7cbd4;
    --card-bg:#101827;
    --badge:#1f2b3f;
    --badge-2:#1b2a21;
    --badge-3:#24203b;
    --shadow:0 20px 40px rgba(0,0,0,.35);
}

html { scroll-behavior: smooth; }
section { scroll-margin-top: 50px; }
.logo {
    width: 200px;
}
body{ background:var(--app-bg); color:var(--text); }
body.theme-dark{ .logo { filter: brightness(0) invert(1);}}
.text-secondary{ color:var(--muted) !important; }
.page{ background:var(--card-bg); border-radius:1rem; box-shadow:var(--shadow); }
.icon-badge{
    width:56px;height:56px;border-radius:50%;
    display:inline-flex;align-items:center;justify-content:center;
    background:var(--badge); font-size:26px;
}
.icon-badge.secondary{ background:var(--badge-2); }
.icon-badge.tertiary{ background:var(--badge-3); }
.avatar{
    width:64px;height:64px;border-radius:50%;
    background:rgba(125,125,125,.15); display:inline-flex;align-items:center;justify-content:center;
    font-weight:700; color:var(--text);
}
i, section.team a {
    color:var(--icon-colors) !important;
}


section.team .avatar i {
    font-size: 35px;
}

@media (min-width:992px){ .lead-tight{ max-width:720px; } }
.navbar, .dropdown-menu { background:var(--card-bg) !important; }
.navbar .nav-link{ color:var(--text); }
.navbar .nav-link:hover{ opacity:.85; }
.form-switch .form-check-input{ cursor:pointer; }
@media (max-width: 576px) {
    .logo {
        width: 160px;
    }
}