@include namespace('header') {
    @include store((
        --colors: (
            --fg: prop(--colors --fg-lo, $global: true),
            --bg: prop(--colors --bg-hi, $global: true),
            --hover: (
                --fg: prop(--colors --bg-hi, $global: true),
                --bg: prop(--colors --accent --color, $global: true),
            )
        )
    ));

    @include component(namespace()) {
        display:         flex;
        position:        fixed;
        z-index:         10000;
        top:             0;
        left:            0;
        flex-direction:  row;
        justify-content: flex-start;
    }
}