@import 'anjuna';

[theme="dark"] {
    @include dark-mode;
}

:root {
    @each $color, $value in $monochrome {
        --anj-#{$color}: #{$value};
    }

    @each $color, $value in $zuora-colors {
        --anj-#{$color}: #{$value};
    }

    @each $color, $value in $functional-colors {
        --anj-#{$color}: #{$value};
    }

    --anj-font-family: #{$font-family};
    --anj-font-family-monospace: #{$font-family-monospace};
    --anj-spacing-closer: #{$ls-closer};
    --anj-spacing-close: #{$ls-close};
    --anj-spacing-wide: #{$ls-wide};
    --anj-spacing-wider: #{$ls-wider};
}

.anj-overlay-open {
    overflow: hidden;
}