// out: ../css/custom-properties.css

body {

  // SHADOW
  --shadow: 0px 2px 4px rgba(0,0,0,.1);
  --deeper_shadow: 0px 2px 8px rgba(0,0,0,.15);
  // FONTS
  --lato: 'Lato', sans-serif;
  --fjalla: 'Fjalla One', sans-serif;

  &.light-theme {
    // COLORS
    --top_bar_color: #2E3B4F;
    --body_color: #2E3B4F;
    --footer_color: #2E3B4F;
    --card_color: #2E3B4F;
    --link_color: #4B828E;
    --link_hover_color: darken(#4B828E, 10%);
    --tag_color: #4B828E;
    --tag_hover_color: darken(#4B828E, 10%);
    --search_widget_color: #2E3B4F;
    --read_more_btn_color: #2E3B4F;
    --comment_form_color: #2E3B4F;
    --comment_color: #2E3B4F;
    --post_comment_btn_color: #2E3B4F;
    // BACKGROUNDS
    --top_bar_bg: #FFF;
    --body_bg: #FAFBFB;
    --very_opaque_header_bg: linear-gradient(to top, rgba(250, 251, 251, 1), rgba(250, 251, 251, 0.9));
    --opaque_header_bg: linear-gradient(to top, rgba(250, 251, 251, 1), rgba(250, 251, 251, 0.6));
    --less_opaque_header_bg: linear-gradient(to top, rgba(250, 251, 251, 1), rgba(250, 251, 251, 0.4));
    --footer_bg: #FFF;
    --card_bg: #FFF;
    --search_widget_bg: #f5f4f4;
    --read_more_btn_bg: #F5F5F5;
    --comment_form_bg: #FFF;
    --comment_bg: #FFF;
    --post_comment_btn_bg: #FFF;
  }

  &.dark-theme {
    // COLORS
    --top_bar_color: #F7F9FE;
    --body_color: #F7F9FE;
    --footer_color: #F7F9FE;
    --card_color: #2E3B4F;
    --link_color: #6db1c0;
    --link_hover_color: darken(#6db1c0, 10%);
    --tag_color: #6db1c0;
    --tag_hover_color: darken(#6db1c0, 10%);
    --search_widget_color: #F7F9FE;
    --read_more_btn_color: #F7F9FE;
    --comment_form_color: #2E3B4F;
    --comment_color: #2E3B4F;
    --post_comment_btn_color: #2E3B4F;
    // BACKGROUNDS
    --top_bar_bg: #232730;
    --body_bg: #1d2027;
    --very_opaque_header_bg: linear-gradient(to top, rgba(29, 32, 39, 1), rgba(29, 32, 39, 0.9));
    --opaque_header_bg: linear-gradient(to top, rgba(29, 32, 39, 1), rgba(29, 32, 39, 0.6));
    --less_opaque_header_bg: linear-gradient(to top, rgba(29, 32, 39, 1), rgba(29, 32, 39, 0.4));
    --footer_bg: #232730;
    --card_bg: #FFF;
    --search_widget_bg: #15181d;
    --read_more_btn_bg: rgb(56, 67, 90);
    --comment_form_bg: #FFF;
    --comment_bg: #FFF;
    --post_comment_btn_bg: #FFF;
  }
}