// config stylesheet allows us to use #{$prefix}
@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/tooltip';

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

    $msk--tooltip-dark-bg: c.$msk--cool-gray-70;

    .#{$prefix}--tooltip {
        // dark mode colors
        &.dark {
            .#{$prefix}--popover-content {
                --#{$prefix}-popover-background-color: #{$msk--tooltip-dark-bg};
                --#{$prefix}-text-inverse: #{c.$msk--white-0};
            }
            .#{$prefix}--popover-caret {
                --#{$prefix}-popover-background-color: #{$msk--tooltip-dark-bg};
            }
        }
    }
}