// $accent: #dd5536;
$accent: #f27a5a;

$br: 16px;

@use 'default' with (
  $ACCENT_COLOR: $accent,
  $thread_locked_background: $accent,
  $topic_locked_background: $accent,

  // $DARK_1: #e36286,
  $DARK_1: #88486d,
  $MAIN_BG: #c85d45,

  $usercard_border: none,
  $usercard_border_right: none,
  $thread_locked_border: 1px solid black,

  $SETTINGS_WIDTH: 60%,
  $PAGE_SIDE_MARGIN: 50px,

  $link_color: black,
  $link_color_visited: black,
  $reaction_button_active_font_color: white,
  // $DEFAULT_FONT_COLOR: white,
  // $DEFAULT_FONT_COLOR_INVERSE: black,

  $text_input_font_color: black,

  $BUTTON_COLOR: $accent,
  $BUTTON_COLOR_2: #b54444,
  $BUTTON_COLOR_CRITICAL: #f73030,
  $ACCORDION_COLOR: #c6655b,
  $BUTTON_WARN_FONT_COLOR: black,
  $BUTTON_CRITICAL_FONT_COLOR: white,

  $SMALL_PADDING: 3px,
  $MEDIUM_PADDING: 6px,
  $MEDIUM_BIG_PADDING: 8px,
  $BIG_PADDING: 12px,
  $BIGGER_PADDING: 16px,

  $DEFAULT_BORDER_RADIUS: $br,
  $code_border_radius: $br,
  $button_padding: 8px 12px,
  $reduced_button_padding: 6px,

  $post_reactions_border_top: 2px dotted #f7bfdf,

  $post_info_min_height: 35px,
  $post_reactions_padding: 6px 12px,
  $post_reactions_gap: 6px,

  $text_input_padding: 8px,

  $infobox_info_color: #81a3e6,
  $infobox_critical_color: #f73030,
  $infobox_warn_color: #fbfb8d,

  $infobox_info_font_color: black,
  $infobox_critical_font_color: white,
  $infobox_warn_font_color: black,

  $pagebutton_min_width: 36px,
  $quote_background_color: #0002,
);

#topnav {
  border-top-left-radius: $br;
  border-top-right-radius: $br;
}

#bottomnav {
  border-bottom-left-radius: $br;
  border-bottom-right-radius: $br;

  color: white;
}

textarea {
  padding: 12px 16px;
}

footer {
  margin-top: 10px;
  border-radius: $br;
  border: none;
  text-align: center;
}

.darkbg {
  color: white;

  & a {
    color: white;
  }
}