$fc: #e6e6e6;
$fci: black;

$lightish_accent: #503250;
$lightish_accent2: #502d50;
$dark_accent: #231c23;

$warn: #eaea6a;
$crit: #d53232;

@use 'default' with (
  $ACCENT_COLOR: #9b649b,

  $MAIN_BG: #220d16,
  $DARK_1: $lightish_accent2,
  $DARK_3: #302731,

  $LIGHT_2: #ae6bae,
  $LIGHT: $lightish_accent,

  $DEFAULT_FONT_COLOR: $fc,
  $DEFAULT_FONT_COLOR_INVERSE: $fci,

  $BUTTON_COLOR: #3c283c,
  $BUTTON_COLOR_2: #8a5584,
  $BUTTON_FONT_COLOR: $fc,
  $BUTTON_COLOR_WARN: $warn,
  $BUTTON_WARN_FONT_COLOR: $fci,
  $BUTTON_COLOR_CRITICAL: $crit,
  $BUTTON_CRITICAL_FONT_COLOR: $fc,
  $ACCORDION_COLOR: #7d467d,

  $bottomnav_color: $dark_accent,

  $topic_info_background: $dark_accent,
  $topic_locked_background: $lightish_accent,
  $thread_locked_background: $lightish_accent,
  $thread_locked_border: 2px outset $dark_accent,

  $site_title_color: white,
  $topnav_color: #303030,

  $quote_background_color: #fbafcf0a,

  $link_color: #e87fe1,
  $link_color_visited: #ed4fb1,

  $post_info_background: #412841,
  $post_content_background: $dark_accent,

  $thread_info_background_color: $dark_accent,

  $post_reactions_background: $lightish_accent,

  $post_accordion_content_background: #2d212d,

  $babycode_guide_toc_background: #3c233c,
  $babycode_guide_section_background: $dark_accent,

  $text_input_background: #371e37,
  $text_input_background_focus: #514151,
  $text_input_font_color: $fc,

  $colorful_table_th_color: $lightish_accent,
  $colorful_table_td_color: $dark_accent,

  $lightbox_background: $lightish_accent,

  $infobox_info_color: #775891,
  $infobox_warn_color: $warn,
  $infobox_warn_font_color: $fci,
  $infobox_critical_color: $crit,

  $tab_content_background: $lightish_accent,
  $tab_button_active_color: #8a5584,
);

#topnav {
  margin-bottom: 10px;
  border: 10px solid rgb(40, 40, 40);
}

footer {
  margin-top: 10px;
}