@use '@mskcc/themes/tokens' as tk;
@use '@carbon/styles/scss/config' as *;
@use '@mskcc/fundamentals/src/_variables.scss' as v;
@use '@mskcc/fundamentals/src/_mixins.scss' as m;
@use '@mskcc/colors' as c;
@use '@carbon/styles/scss/components/popover';

@mixin msk-popover {
    @include popover.popover;

    // default colors
    .#{$prefix}--popover-content {
        --#{$prefix}-popover-background-color: #{tk.$msk--color-bg};
        --#{$prefix}-popover-border-radius: #{m.msk-rem(8px)};
        --#{$prefix}-text-inverse: #{tk.$msk--color-content-primary};

        box-shadow: v.$msk--elevation-plus-08;
    }

    .#{$prefix}--popover-caret {
        --#{$prefix}-popover-background-color: #{tk.$msk--color-content-action};
    }
}