@use 'sass:color';
@import './../colors';
@import './../../../functions';

$c: $default-colors;
$general: (
  image_container_bg: get-map($c, 'n50'),
  image_container_bg_empty: get-map($c, 'white'),
  popover_border: get-map($c, 'n100'),
  popover_bg: get-map($c, 'white'),
  popover_shadow: rgba(0 0 0 / 10%),
  return_to_nav_box_shadow: get-map($c, 'black'),
  return_to_nav_bg_focus_active: get-map($c, 'white'),
  return_to_nav_bg_before_after: get-map($c, 'b700'),
  table-of-contents_border: get-map($c, 'b200'),
  time-to-complete: get-map($c, 'p500'),
  tooltip: get-map($c, 'white'),
  tooltip_bg: color.adjust(get-map($c, 'n900'), $alpha: -0.1),
  tooltip_button: get-map($c, 'white'),
  progress_tracker_line_bg: get-map($c, 'n100'),
  progress_tracker_line_bg_active: get-map($c, 'b700'),
  progress_tracker_dot_bg: get-map($c, 'n100'),
  progress_tracker_dot_bg_active: get-map($c, 'white'),
  progress_tracker_dot_bg_completed: get-map($c, 'b700'),
);
