// 
// root.scss
//

@mixin color-mode($mode: light, $root: false) {
    @if $color-mode-type =="media-query" {
        @if $root ==true {
            @media (prefers-color-scheme: $mode) {
                :root {
                    @content;
                }
            }
        }

        @else {
            @media (prefers-color-scheme: $mode) {
                @content;
            }
        }
    }

    @else {
        [data-bs-theme="#{$mode}"] {
            @content;
        }
    }
}

//theme dark
@if $enable-dark-mode {
    @include color-mode(dark, true) {
        --#{$prefix}light:                      #464f5b;
        --#{$prefix}light-rgb:                  #{to-rgb(#464f5b)};
        --#{$prefix}dark:                       #637385;
        --#{$prefix}dark-rgb:                   #{to-rgb(#637385)};
    }
}
