@use '../utilities/main_utilities' as *;

.site-title{
    color: $color-secondary;
    background: -webkit-linear-gradient(45deg, $color-primary, $color-text);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    @include color-scheme(dark) {
        background: -webkit-linear-gradient(45deg, $color-primary--dark, $color-text--dark);
    }
}
.site-title--header{
    // height: 80px; /* To fake what it would look like with an image */
    font-size: rems(30px);
    line-height: 1;
}

.header{
    background-color: $color-primary;
    padding: rems(10px) 0;

    @include color-scheme(dark) { color: $color-primary--dark; }
}