html {
    font-size: 16px;
}

body {
    margin: 0;
    color: var(--bc-color-text);
    background: var(--bc-color-bg);
    font-family: var(--bc-font-body);
    font-weight: 400;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 1rem;
    color: var(--bc-color-text);
    font-family: var(--bc-font-heading);
    font-weight: 600;
    line-height: 1.2;
}

h1 { font-size: clamp(2rem, 1.55rem + 2vw, 2.5rem); }
h2 { font-size: clamp(1.6rem, 1.35rem + 1vw, 2rem); }
h3 { font-size: clamp(1.3rem, 1.15rem + .65vw, 1.5rem); }
h4 { font-size: 1.125rem; }

p,
li {
    font-family: var(--bc-font-body);
    font-size: 1rem;
    color: var(--bc-color-text);
}

a {
    color: inherit;
    text-decoration-thickness: .08em;
    text-underline-offset: .12em;
}

.bc-text-muted {
    color: var(--bc-color-text-muted);
}