html, body {
    height: 100%;
    margin: 0;
}

*, *::before, *::after {
    box-sizing: border-box;
}

body {
    font-family: var(--font-family-sans);
    font-size: var(--fs-2);
    line-height: var(--lh-normal);
    color: var(--text-body);
    background: var(--bg-surface);
}

h1 {
    font-size: clamp(1.5rem, 1.2rem + 1.5vw, 2rem);
    line-height: var(--lh-tight);
}

h2 {
    font-size: clamp(1.25rem, 1.1rem + 1vw, 1.75rem);
    line-height: var(--lh-tight);
}

small, .text-muted {
    color: var(--text-muted);
    font-size: var(--fs-1);
}