$border-radius-small: 4px;
$border-radius-medium: 8px;
$border-radius-big: 16px;
$border-radius-pill: 999px;
$color-neutral-70: #16181d;
$color-neutral-60: #313131;
$color-neutral-50: #454a54;
$color-neutral-40: #5e6573;
$color-neutral-30: #c4c9d4;
$color-neutral-20: #e2e4e9;
$color-neutral-10: #f6f7fa;
$color-neutral-00: #ffffff;
$color-brand-blue-60: #18256c;
$color-brand-blue-50: #1737a4;
$color-brand-blue-40: #0048db;
$color-brand-blue-30: #9abcff;
$color-brand-blue-20: #dce8ff;
$color-brand-blue-10: #fafbff;
$color-brand-blue-00: #F2F5FC;
$color-brand-emerald-60: #013220;
$color-brand-emerald-50: #026441;
$color-brand-emerald-40: #04d98c;
$color-brand-emerald-30: #95f0cf;
$color-brand-emerald-20: #ccf2e4;
$color-brand-emerald-10: #edfef7;
$color-brand-cyan-60: #004155;
$color-brand-cyan-50: #005c77;
$color-brand-cyan-40: #02bedf;
$color-brand-cyan-30: #3edcff;
$color-brand-cyan-20: #ccf3ff;
$color-brand-cyan-10: #f1fcff;
$color-success-60: #08331a;
$color-success-50: #10593b;
$color-success-40: #138040;
$color-success-30: #66cc90;
$color-success-20: #a1e5bd;
$color-success-10: #e5fff0;
$color-success-00: #f0fcf5;
$color-error-60: #731111;
$color-error-50: #991717;
$color-error-40: #e52222;
$color-error-30: #ff8080;
$color-error-20: #ffbfbf;
$color-error-10: #ffe5e5;
$color-error-00: #f5eff0;
$color-warning-60: #803500;
$color-warning-50: #a64a08;
$color-warning-40: #fa822c;
$color-warning-30: #ffc59c;
$color-warning-20: #ffdabf;
$color-warning-10: #fff0e6;
$color-warning-00: #fcf4f0;
$color-info-60: #46008c;
$color-info-50: #510cb2;
$color-info-40: #6728e5;
$color-info-30: #bd9cff;
$color-info-20: #d4bfff;
$color-info-10: #eee6ff;
$color-info-00: #f3f0fc;
$spacing-050: 4px;
$spacing-100: 8px;
$spacing-200: 16px;
$spacing-300: 24px;
$spacing-400: 32px;
$spacing-500: 40px;
$spacing-600: 48px;
$spacing-700: 56px;
$spacing-800: 64px;
$spacing-900: 72px;
$breakpoint-xsm: 0px;
$breakpoint-sm: 320px;
$breakpoint-md: 600px;
$breakpoint-lg: 1024px;
$breakpoint-xlg: 1920px;
$container-size: 1232px;
$opacity-00: 0.05;
$opacity-10: 0.2;
$opacity-20: 0.4;
$opacity-30: 0.6;
$opacity-40: 0.8;
$shadow-01: 0px 2px 8px 0px rgba(169, 177, 197, 0.08), 0px 4px 4px 0px rgba(0, 72, 219, 0.04);
$shadow-02: 0px 8px 24px 0px rgba(118, 134, 173, 0.08), 0px 4px 4px 0px rgba(0, 72, 219, 0.04);
$shadow-03: 0px 16px 40px 0px rgba(118, 134, 173, 0.08), 0px 8px 8px 0px rgba(0, 72, 219, 0.04);
$shadow-04: 0px 24px 56px 0px rgba(118, 134, 173, 0.08), 0px 12px 12px 0px rgba(0, 72, 219, 0.04);
$font-title: 'Lexend Deca', sans-serif;
$font-body: 'Source Sans 3', sans-serif;
$font-weight-bold: 700;
$font-weight-semibold: 600;
$font-weight-medium: 500;
$font-weight-regular: 400;
$font-size-h1: 56px;
$font-size-h2: 48px;
$font-size-h3: 40px;
$font-size-h4: 32px;
$font-size-h5: 28px;
$font-size-h6: 24px;
$font-size-p1: 20px;
$font-size-p2: 16px;
$font-size-p3: 14px;
$font-size-p4: 12px;