@use 'iro-sass/src/props';

@import 'include-media/dist/include-media';

@import 'vars';

:root {
    @include props.assign;

    @each $breakpoint in map-keys($breakpoints) {
        @include media('<=#{$breakpoint}') {
            @include props.assign($breakpoint);
        }
    }

    @media (prefers-color-scheme: dark) {
        @include props.assign('dark');
    }
}