:root {
    --clr-primary-blue: var(--clr-blue-600);
    --clr-primary-blue-light: var(--clr-blue-500);
    --clr-blue-500: #366ec2;
    --clr-blue-600: #2B579A;
    --clr-grey-800: #373737;
    --space-s-m: clamp(1rem, 0.75rem + 1.25vw, 1.6875rem);
    --size-step-1: clamp(1.07rem, 1.0091rem + 0.3045vw, 1.2375rem);
    --size-step--3: clamp(0.7513rem, 0.7172rem + 0.1708vw, 0.8452rem);
    --font-family: system-ui,"Segoe UI Variable Text","Segoe UI",-apple-system,Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";    
}
body {
    font-family: var(--font-family);    
    color: var(--clr-grey-800, hsl(0deg 0% 22%));
}
div#main > article {
    padding-inline: var(--space-s-m);
    box-shadow: 0 1px 5px rgba(0,0,0,0.1);
    border-bottom: 1px solid #e6e6e6;
}
.main-content {
    font-family: var(--font-family);
    font-size: 16px;
    color: var(--clr-grey-800, hsl(0deg 0% 22%));
}
header .logo {
    margin-inline: 0 .9rem;
}
.project-title {
    font-size: var(--size-step-1, 1.1rem);
}
h1 {
    font-size: clamp(28px, 5vw, 36px);
    margin-block: 1.5rem;
}
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family);
    color: var(--clr-primary-blue);
    font-weight: 300;
}
.breadcrumb {
    font-size: var(--size-step--3);
}
div#main > article .navigation {
    border-bottom: none;
}
a {
    color: var(--clr-primary-blue-light);
    text-decoration: none;
}
    a:hover {
        color: var(--clr-primary-blue-light);
        text-decoration: underline;
    }
nav .tab-tabs li .bi {
    margin-bottom: 2px;
}
.jstree {
    font-size: 14px;
}
    .jstree .jstree-anchor {
        color: var(--clr-grey-800, hsl(0deg 0% 22%));
    }
footer {
    font-size: var(--size-step--3);
    padding: 1.5rem var(--space-s-m) 3rem;
}
    footer p {
        margin-bottom: .5rem;
    }
.centrel-logo {
    margin-top: 1rem;
    margin-right: 2rem;
}