//
// Font styles //
//
$font-family-primary: 'Open Sans', sans-serif;
$font-family-secondary: 'Poppins', sans-serif;

$font-weight-black: 900;
$font-weight-extra-bold: 800;
$font-weight-bold: 700;
$font-weight-semi-bold: 600;
$font-weight-medium: 500;
$font-weight-regular: 400;
$font-weight-light: 300;
$font-weight-extra-light: 200;
$font-weight-thin: 100;


//
// Colors //
//
$color-black: #000;
$color-black-09: rgba(0, 0, 0, 0.9);
$color-black-08: rgba(0, 0, 0, 0.8);
$color-black-07: rgba(0, 0, 0, 0.7);
$color-black-06: rgba(0, 0, 0, 0.6);
$color-black-05: rgba(0, 0, 0, 0.5);
$color-black-04: rgba(0, 0, 0, 0.4);
$color-black-04: rgba(0, 0, 0, 0.4);
$color-black-03: rgba(0, 0, 0, 0.3);
$color-black-02: rgba(0, 0, 0, 0.2);
$color-black-01: rgba(0, 0, 0, 0.1);
$color-dark: rgb(20, 22, 24);
$color-dark-09: rgba(20, 22, 24, 0.9);
$color-dark-08: rgba(20, 22, 24, 0.8);
$color-dark-07: rgba(20, 22, 24, 0.7);
$color-dark-06: rgba(20, 22, 24, 0.6);
$color-dark-05: rgba(20, 22, 24, 0.5);
$color-dark-04: rgba(20, 22, 24, 0.4);
$color-dark-03: rgba(20, 22, 24, 0.3);
$color-dark-02: rgba(20, 22, 24, 0.2);
$color-dark-01: rgba(20, 22, 24, 0.1);
$color-white: #fff;
$color-white-09: rgba(255, 255, 255, 0.9);
$color-white-08: rgba(255, 255, 255, 0.8);
$color-white-07: rgba(255, 255, 255, 0.7);
$color-white-06: rgba(255, 255, 255, 0.6);
$color-white-05: rgba(255, 255, 255, 0.5);
$color-white-04: rgba(255, 255, 255, 0.4);
$color-white-03: rgba(255, 255, 255, 0.3);
$color-white-02: rgba(255, 255, 255, 0.2);
$color-white-01: rgba(255, 255, 255, 0.1);
$color-primary: #767A7D;
$color-primary-lighter: #a3a6a8;
$color-green: #50c878;
$color-red: #e84e52;
$color-yellow-orange: #ffae42;


//
// Background Colors //
//
$bg-light-gray: rgb(242, 245, 248);
$bg-gray: rgb(239, 242, 245);
$bg-dark-gray: rgb(70, 73, 76);
$bg-dark: $color-dark;


//
// Border Colors //
//
$border-gray: rgb(227, 230, 233);


//
// Button Colors //
//
$button-gray: rgb(229, 232, 235);
$button-dark: rgb(32, 34, 36);