@use 'core';
@use 'colors/colors';
@forward 'core';
@forward 'colors/colors';

$tooltip-font-size: colors.$smallFontSize !default;
$tooltip-max-width: 200px !default;
$tooltip-color: colors.$black !default;
$tooltip-bg: white !default;
$tooltip-border-radius: colors.$roundedCorner2 !default;
$tooltip-opacity: .9 !default;
$tooltip-padding-y: .25rem !default;
$tooltip-padding-x: .5rem !default;
$tooltip-margin: 0 !default;

$tooltip-arrow-width: .8rem !default;
$tooltip-arrow-height: .4rem !default;
$tooltip-arrow-color: white !default;

$zindex-tooltip: 100;

*[class^="hoo-"]{
    // font-size: 1rem;
}