$color-brand-primary-pure: rgb(0, 37, 224);
$color-brand-primary-up: rgb(184, 195, 255);
$color-brand-primary-down: rgb(88, 114, 245);
$color-brand-primary-deep: rgb(14, 36, 143);
$color-highlight-pure: rgb(255, 114, 110);
$color-highlight-up: rgb(255, 184, 178);
$color-highlight-down: rgb(240, 88, 77);
$color-highlight-deep: rgb(229, 62, 50);
$color-complementary-pure: rgb(19, 189, 189);
$color-complementary-up: rgb(176, 245, 245);
$color-complementary-down: rgb(106, 229, 229);
$color-complementary-deep: rgb(28, 153, 153);
$color-interface-light-pure: rgb(255, 255, 255);
$color-interface-light-up: rgb(247, 249, 255);
$color-interface-light-down: rgb(235, 236, 245);
$color-interface-light-deep: rgb(216, 218, 232);
$color-interface-dark-pure: rgb(12, 13, 20);
$color-interface-dark-up: rgb(182, 185, 204);
$color-interface-dark-down: rgb(103, 105, 122);
$color-interface-dark-deep: rgb(57, 59, 71);
$color-status-positive-pure: rgb(61, 204, 100);
$color-status-positive-up: rgb(215, 250, 224);
$color-status-positive-down: rgb(28, 158, 63);
$color-status-neutral-pure: rgb(255, 163, 71);
$color-status-neutral-up: rgb(255, 232, 209);
$color-status-neutral-down: rgb(250, 135, 20);
$color-status-negative-pure: rgb(245, 69, 110);
$color-status-negative-up: rgb(255, 237, 241);
$color-status-negative-down: rgb(224, 13, 63);
$border-width-none: 0;
$border-width-hairline: 1px;
$border-width-thin: 2px;
$border-width-thick: 4px;
$border-width-heavy: 8px;
$opacity-level-semiopaque: 0.8;
$opacity-level-intense: 0.64;
$opacity-level-medium: 0.4;
$opacity-level-light: 0.16;
$opacity-level-semitransparent: 0.08;
$border-radius-none: 0;
$border-radius-sm: 4px;
$border-radius-md: 8px;
$border-radius-lg: 16px;
$border-radius-pill: 500px;
$border-radius-circular: 50%;
$shadow-level-1: 0 4px 8px rgba(12, 13, 20, 0.08);
$shadow-level-2: 0 8px 16px rgba(12, 13, 20, 0.08);
$shadow-level-3: 0 16px 32px rgba(12, 13, 20, 0.08);
$shadow-level-4: 0 16px 48px rgba(12, 13, 20, 0.08);
$spacing-inline-xxxs: 4px;
$spacing-inline-xxs: 8px;
$spacing-inline-xs: 16px;
$spacing-inline-sm: 24px;
$spacing-inline-md: 32px;
$spacing-inline-lg: 40px;
$spacing-inline-xl: 48px;
$spacing-inline-xxl: 64px;
$spacing-inline-xxxl: 80px;
$spacing-inset-xxs: 4px;
$spacing-inset-xs: 8px;
$spacing-inset-sm: 16px;
$spacing-inset-md: 24px;
$spacing-inset-lg: 32px;
$spacing-inset-xl: 40px;
$spacing-stack-xxxs: 4px;
$spacing-stack-xxs: 8px;
$spacing-stack-xs: 16px;
$spacing-stack-sm: 24px;
$spacing-stack-md: 40px;
$spacing-stack-lg: 64px;
$spacing-stack-xl: 80px;
$spacing-stack-xxl: 128px;
$spacing-stack-xxxl: 200px;
$spacing-squish-xs: 4px 8px;
$spacing-squish-sm: 8px 16px;
$spacing-squish-md: 12px 24px;
$spacing-squish-lg: 16px 32px;
$font-family-base: "Nunito Sans";
$font-family-highlight: "Avenir";
$line-height-tight: 1;
$line-height-medium: 1.1;
$line-height-comfy: 1.5;
$font-size-xxxs: 12px;
$font-size-xxs: 14px;
$font-size-xs: 16px;
$font-size-sm: 20px;
$font-size-md: 24px;
$font-size-lg: 32px;
$font-size-xl: 40px;
$font-size-xxl: 48px;
$font-size-xxxl: 64px;
$font-size-display: 80px;
$font-size-giant: 96px;
$font-weight-light: 300;
$font-weight-regular: 400;
$font-weight-medium: 600;
$font-weight-bold: 700;
$font-weight-extrabold: 800;