// Colors
$primary  : #3490dc;
$secondary: #6574cd;
$danger   : #EE2F4F;
$warning  : #ffaf00;
$success  : #38c172;
$info     : #23423E;
$orange   : #f6993f;
$teal     : #4dc0b5;
$purple   : #9561e2;
$pink     : #f66d9b;
$light    : #eaeaea;

$color-facebook : #1877f2;
$color-telegram : #25a3e1;
$color-gmail    : #ea4335;
$footer         : #051937;
$nav-bg         : #1a202c;
$active         : #343c4c;


$offcanvas-bg-color      : #{$nav-bg};
$thumbnail-border-color  : #dee2e61a;
$thumbnail-border-radius : 10px;
$card-border-radius      : #{$thumbnail-border-radius};
$pagination-color        : white;
$pagination-bg           : $nav-bg;
$pagination-hover-bg     : #0dcaf0;
$pagination-active-bg    : #{$pagination-hover-bg};
$pagination-disabled-bg  : #{$thumbnail-border-color};
$pagination-border-width : 0;

// $input-border-radius      : 0;
$input-color              : white;
$input-border-color       : #{$thumbnail-border-color};
$input-bg                 : rgba($color: #000000, $alpha: 0.5);
$input-focus-border-color : none;
$input-focus-color        : white;
$input-focus-box-shadow   : none;
$input-plaintext-color    : white;

$container-max-widths: (sm: 740px,
    md: 920px,
    lg: 1150px,
    xl: 1250px,
    xxl: 1550px);

$grid-breakpoints: (xs: 0,
    sm: 576px,
    md: 768px,
    lg: 992px,
    xl: 1200px,
    xxl: 1400px);