/* Styles for Logo component */
@layer components {
    .logo {
        display: block;
        /* The mark inherits `color`, which is what lets one file serve both themes. */
        color: currentColor;

        & svg {
            display: block;
            block-size: var(--logo-height, 2rem);
            inline-size: auto;
        }
    }
}