@import './../colors';
@import './../../../functions';

$c: $default-colors;
$base: (
  default_focus: get-map($c, 'b500'),
  focus_light: get-map($c, 'b300'),
  background: get-map($c, 'white'),
  highlight_bg: get-map($c, 'b700'),
  title: get-map($c, 'n900'),
  title_secondary: get-map($c, 'p500'),
  subtitle: get-map($c, 'n800'),
  subtitle_secondary: get-map($c, 'n700'),
  text: get-map($c, 'n900'),
  text_error: get-map($c, 'error600'),
  text_line: get-map($c, 'g50'),
  text_line_medium: get-map($c, 'b300'),
  text_line_dark: get-map($c, 'b700'),
  link: get-map($c, 'b700'),
  link_hover: get-map($c, 'b800'),
  button_primary: get-map($c, 'white'),
  button_primary_bg: get-map($c, 'b700'),
  button_new_primary_bg: get-map($c, 'black'),
  button_primary_bg_hover: get-map($c, 'b500'),
  button_new_primary_bg_hover: get-map($c, 'b400'),
  button_primary_bg_active: get-map($c, 'b800'),
  button_primary_bg_focus: get-map($c, 'b600'),
  button_primary_bg_disabled: get-map($c, 'b700'),
  button_primary_destructive: get-map($c, 'white'),
  button_primary_destructive_bg: get-map($c, 'error600'),
  button_primary_destructive_bg_hover: get-map($c, 'error700'),
  button_primary_destructive_box-shadow: get-map($c, 'error50'),
  button_secondary: get-map($c, 'b700'),
  button_new_secondary: get-map($c, 'black'),
  button_secondary_focus: get-map($c, 'white'),
  button_secondary_muted: get-map($c, 'n600'),
  button_secondary_muted_hover: get-map($c, 'n700'),
  button_secondary_destructive: get-map($c, 'error600'),
  button_secondary_disabled: get-map($c, 'b700'),
  button_secondary_bg: get-map($c, 'white'),
  button_secondary_bg_hover: get-map($c, 'b200'),
  button_new_secondary_bg_hover: get-map($c, 'b200'),
  button_secondary_bg_focus: get-map($c, 'b600'),
  button_secondary_bg_active: get-map($c, 'b800'),
  button_secondary_bg_muted: get-map($c, 'white'),
  button_secondary_bg_muted_hover: get-map($c, 'n200'),
  button_secondary_bg_disabled: get-map($c, 'white'),
  button_secondary_bg_destructive: get-map($c, 'error50'),
  button_secondary_border: get-map($c, 'b700'),
  button_secondary_border_focus: transparent,
  button_secondary_border_muted: get-map($c, 'n200'),
  button_secondary_border_muted_hover: get-map($c, 'n500'),
  button_secondary_border_disabled: get-map($c, 'b700'),
  button_secondary_border_destructive: get-map($c, 'error600'),
  button_tertiary: get-map($c, 'b700'),
  button_new_tertiary: get-map($c, 'white'),
  button_tertiary_hover: get-map($c, 'b500'),
  button_tertiary_active: get-map($c, 'b800'),
  button_tertiary_muted: get-map($c, 'n600'),
  button_tertiary_muted_hover: get-map($c, 'b500'),
  button_tertiary_disabled: get-map($c, 'b700'),
  button_tertiary_bg: none,
  button_tertiary_disabled_bg: none,
  button_tertiary_text-decoration: transparent,
  button_tertiary_disabled_text-decoration: transparent,
  blockquote: get-map($c, 'n900'),
  blockquote_border: get-map($c, 'g300'),
  blockquote_subtle_border: get-map($c, 'n200'),
  divider: get-map($c, 'n100'),
  form_character-limit: get-map($c, 'n600'),
  form_character-limit_approaching: get-map($c, 'warning700'),
  form_character-limit_near: get-map($c, 'error600'),
  form_checkbox_bg: get-map($c, 'b700'),
  form_checkbox_border: get-map($c, 'b700'),
  form_checkbox_icon: get-map($c, 'white'),
  form_field_bg: get-map($c, 'white'),
  form_field_border: get-map($c, 'n200'),
  form_input: get-map($c, 'n900'),
  form_input_placeholder: get-map($c, 'n600'),
  form_input_bg: get-map($c, 'white'),
  form_input_border: get-map($c, 'n200'),
  form_input_chevron: get-map($c, 'n500'),
  form_input_focus_border: get-map($c, 'b500'),
  form_input_error_border: get-map($c, 'error600'),
  form_input_focus_box-shadow: get-map($c, 'b500'),
  form_select_item: get-map($c, 'n600'),
  form_select_item_selected: get-map($c, 'n900'),
  form_select_item_hover: get-map($c, 'b700'),
  form_select_item_hover_bg: get-map($c, 'b200'),
  form_select_item_chevron_bg: get-map($c, 'g600'),
  form_select_items_box-shadow: get-map($c, 'b500'),
  form_label-small: get-map($c, 'n600'),
  form_search-button_bg: get-map($c, 'n900'),
  table_border: get-map($c, 'n200'),
  table_th: get-map($c, 'white'),
  table_th_bg: get-map($c, 'n600'),
  overlay: rgb(21 25 33 / 25%),
  list_checkmarks_bg:
    linear-gradient(140deg, rgba(107 62 205 / 100%), rgba(0 179 191 / 100%)),
  mention_deleted-user: get-map($c, 'n600'),
  mention_deleted-user_bg: get-map($c, 'n50'),
  multiple-inputs_close: get-map($c, 'n200'),
  multiple-inputs_close_hover: get-map($c, 'n600'),
);
