@layer components {
    body {
        font-family: var(--font-sans);
        font-size: var(--font-size-r);
        color: var(--text-colour-regular);
    }
    a {
        color: var(--link-colour);
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-weight: var(--font-weight-bold);
        color: var(--text-colour-dark);
    }
    .line-height-small-1 {
        line-height: 1em;
    }
    .line-height-small-1-1 {
        line-height: 1.1em;
    }
    .line-height-small-1-2 {
        line-height: 1.2em;
    }
    .line-height-small-1-3 {
        line-height: 1.3em;
    }
    .line-height-small-1-4 {
        line-height: 1.4em;
    }
}