// Breakpoints
// ------------------------------------
$sm: 512px;
$md: 768px;
$lg: 1024px;
$xl: 1280px;

// Typography
// ------------------------------------
$family-primary: "Plus Jakarta Sans", serif;

// Font sizes
// ------------------------------------
$title-xl: 40px;
$title-lg: 32px;
$title-md: 28px;
$title-sm: 24px;
$title-xs: 18px;

$text-lg: 20px;
$text-md: 18px;
$text-df: 16px;
$text-sm: 14px;

// Colors
// ------------------------------------
$gray: #efefef;
$gray-dark: #3a3a44;
$gray-light: #666669;
$gray-title: #323232;

$green: #42cf7b;
$green-dark: #329e5e;
$green-fresh: #46db82;
$green-light: #cfffe2;
$light: #f1f1ff;
$lilas: #afafee;
$lilas-dark: #8986ba;
$purple: #2a2c89;
$purple-dark: #110f35;

// New
$primary-01: #2a2c89;
$primary-02: #110f35;
$primary-03: #42cf7b;
$primary-04: #f1f1ff;
$title: #272647;
$text: #4a4a4a;
$title-light: #fff;
$text-light: #dfdee3;