@use 'styles/helpers.scss' as *;

$scope: 'tooltip';

$themes: (
  'light': (
    'background': color('light', 'base-white'),
    'text': color('light', 'base-black'),
    'shadow': rgba(color('light', 'base-black'), 0.05),
  ),
  'dark': (
    'background': color('dark', 'base-black'),
    'text': color('dark', 'base-white'),
    'shadow': transparent,
  ),
);

@mixin tooltip-theme-modifiers() {
  @include theme-modifiers($scope, $themes);
}

@function tooltip-theme-color($name) {
  @return theme-color($scope, $name);
}