/* COLORS */
$color-consumo-base: #F28C8C;
$color-consumo-base-light: #F6B1B1;
$color-consumo-base-extra-light:#FAD1D1;
$color-button: #143E8C;

$color-primary: #111111;
$color-second: #B8B8B8;

$color-bg-dark: #091B3D;
$color-bg-dark-2: #0D2758;
$color-bg-light: #F9F4F2;
$color-bg-extra-light: #FDFCFB;

$color-navy: #374493;
$color-lightblue: #eff9ff;
$color-orange: #ff666e;
$color-green: #8cead8;
$color-dark-green: #22c6a9;
$color-darker-green: #0c505e;
$color-light-green: #bbf3e7;
$color-lighter-green: #ebfff9;
$color-lavender: #958bff;
$color-light: #ffffff;

$color-grey-inputs: #f3f3f3;
$color-greylighter: #d6d5d5;
$color-grey-nav: #e9e9e9;
$color-grey-inputs-border: #b3b3b3;
$color-greylayout: #807f7f;
$color-greylink: #999999;
$color-greytext: #808080;
$color-grey-darker: #3b3b3b;

$color-facebook: #3351a3;
$color-google: #346cf1;
$color-error: #B40502;
$color-success: #039B65;

/* FONT SIZE */
$hero: 48px;
$h1: 48px;
$h2: 36px;
$h3: 32px;
$h4: 22px;
$h5: 16px;
$xxl: 24px;
$xl: 20px;
$l: 18px;
$m: 16px;
$s: 14px;
$xs: 12px;
$xxs: 10px;

/* FONTS */
$font-primary: 'Barlow', Arial, sans-serif;
$font-secondary: 'Barlow', Arial, sans-serif;

/* FONT WEIGHT */
$regular: 400;
$medium: 600;
$bold: 700;

/* BREAKPOINTS */
$tablet: 768px;
$desktop: 1200px;