/**********************
FONT SIZES
/***********************/
$font-3xl: 57px;
$font-2xl: 45px;
$font-xl: 36px;
$font-l: 28px;
$font-m: 16px;
$font-s: 14px;
$font-xs: 12px;
$font-xxs: 11px;
/**********************
COLORS
/***********************/
$white: #fff;
$black: #000;
$neutral-10: #1d1b1e;
$neutral-20: #323033;
$neutral-30: #49464a;
$neutral-40: #605d61;
$neutral-50: #79767a;
$neutral-60: #938f93;
$neutral-70: #afaaaf;
$neutral-80: #cac5c9;
$neutral-90: #e7e1e6;
$neutral-95: #eff2f5;
$neutral-99: #fffbfc;
$primary: #015d6f;
$secondary: #00a7db;
$tertiary: #4a8fa3;
$background-primary: $white;
$background-secondary: $neutral-99;
$background-tertiary: $neutral-95;
$content-primary: $neutral-10;
$content-secondary: #4e5d6b;
$content-action: #00699d;
$content-active: #007bdc;
$error: #ba1b1b;
$error-bg: #ffdfdf;
$warning: #ffb10a;
$success: #077;
$primary-opacity-10: rgba(115, 68, 182, .1);
$font-stack: "Lato", sans-serif;
$aquamarine: #077;
$yellow-bg: #fcf6e3;

/**********************
SPACING
/***********************/
$spacing-xs: 4px;
$spacing-s: 8px;
$spacing-m: 16px;
$spacing-l: 30px;
$spacing-xl: 40px;
$spacing-xxl: 60px;
$spacing-xxxxl: $spacing-l * 30;