@layer components {
    .screen-title {
        margin-block-start: var(--margin-none);
        margin-block-end: var(--margin-md);
        line-height: var(--line-height-heading);
        font-weight: var(--font-weight-bold);
        color: var(--color-foreground);
        font-size: var(--font-size-2xl);
    }
}