/*@example <header is="header"></header>*/
@layer component {
    [is=header] {
        padding: var(--space-s);
        background: var(--background-darker-color);
    }
}