@use "../../../../01-core/prefix" as *;
@use "./font-default.mixins" as font;

@layer ss.typography {
    html {
        @include font.ss-font-base(sans);
    }

    .#{$ss-namespace}-font-sans {
        @include font.ss-font-base(sans);
    }
    .#{$ss-namespace}-font-serif {
        @include font.ss-font-base(serif);
    }
    .#{$ss-namespace}-font-slab {
        @include font.ss-font-base(slab);
    }
    .#{$ss-namespace}-font-mono {
        @include font.ss-font-base(mono);
    }
}