.layout__padding--base {
    padding-block: var(--rhyme-xl);
}
.layout__padding--narrow {
    padding-block: var(--rhyme-base);
}
.layout__padding--wide {
    padding-block: var(--rhyme-xxxl);
}

.layout__background--light {
    background-color: var(--color-background-light);
    color: var(--color-on-background-light);
}

.layout__background--dark {
    background-color: var(--color-background-dark);
    color: var(--color-on-background-dark);
}

.layout__background--color-primary {
    background-color: var(--color-primary);
    color: var(--color-on-primary);
}

.layout__background--color-secondary {
    background-color: var(--color-secondary);
    color: var(--color-on-secondary);
}