$background-color: var(--background-color, #ffffff);
$background-color-strong: var(--background-color-strong, #f7f7f7);
$background-color-stronger: var(--background-color-stronger, #eeeeee);
$background-color-strongest: var(--background-color-strongest, #bcbcbd);
$background-color-primary: var(--background-color-primary, #0265DC);
$background-color-primary-subdued: var(--background-color-primary-subdued, #E0F2FF);
$background-color-success: var(--background-color-success, #007A4D);
$background-color-success-subdued: var(--background-color-success-subdued, #CEF8E0);
$background-color-danger: var(--background-color-danger, #e13212);
$background-color-danger-subdued: var(--background-color-danger-subdued, #ffece9);
$background-color-warning: var(--background-color-warning, #ffbe00);
$background-color-disabled: var(--background-color-disabled, #606162);
$background-color-inverted: var(--background-color-inverted, #2d2e31);
$background-color-inverted-strong: var(--background-color-inverted-strong, #141414);
$border-radius-none: 0;
$border-radius-small: 0.1875rem;
$border-radius-medium: 0.375rem;
$border-radius-large: 0.75rem;
$border-radius-xlarge: 1.5rem;
$border-radius-circular: 100%;
$border-width-none: 0rem;
$border-width: 0.0625rem;
$border-width-strong: 0.125rem;
$border-color: var(--border-color, #949596);
$border-color-subdued: var(--border-color-subdued, #dfe0e1);
$border-color-strong: var(--border-color-strong, #444445);
$border-color-primary: var(--border-color-primary, #0265DC);
$border-color-success: var(--border-color-success, #007A4D);
$border-color-danger: var(--border-color-danger, #e13212);
$charts-monochrome-01-color: var(--charts-monochrome-01-color, #3892F3);
$charts-monochrome-01-stroke: var(--charts-monochrome-01-stroke, transparent);
$charts-monochrome-01-pattern: solid;
$charts-monochrome-02-color: var(--charts-monochrome-02-color, #08389c);
$charts-monochrome-02-stroke: var(--charts-monochrome-02-stroke, transparent);
$charts-monochrome-02-pattern: solid;
$charts-monochrome-03-color: var(--charts-monochrome-03-color, #F2F9FF);
$charts-monochrome-03-stroke: var(--charts-monochrome-03-stroke, #3892F3);
$charts-monochrome-03-pattern: striped;
$charts-monochrome-04-color: var(--charts-monochrome-04-color, #F2F9FF);
$charts-monochrome-04-stroke: var(--charts-monochrome-04-stroke, #3892F3);
$charts-monochrome-04-pattern: solid;
$charts-categorical-10-color: var(--charts-categorical-10-color, #D57A5C);
$charts-categorical-10-stroke: var(--charts-categorical-10-stroke, transparent);
$charts-categorical-10-pattern: solid;
$charts-categorical-01-color: var(--charts-categorical-01-color, #3892F3);
$charts-categorical-01-stroke: var(--charts-categorical-01-stroke, transparent);
$charts-categorical-01-pattern: solid;
$charts-categorical-02-color: var(--charts-categorical-02-color, #08389c);
$charts-categorical-02-stroke: var(--charts-categorical-02-stroke, transparent);
$charts-categorical-02-pattern: solid;
$charts-categorical-03-color: var(--charts-categorical-03-color, #0FA2B8);
$charts-categorical-03-stroke: var(--charts-categorical-03-stroke, transparent);
$charts-categorical-03-pattern: solid;
$charts-categorical-04-color: var(--charts-categorical-04-color, #907AF5);
$charts-categorical-04-stroke: var(--charts-categorical-04-stroke, transparent);
$charts-categorical-04-pattern: solid;
$charts-categorical-05-color: var(--charts-categorical-05-color, #DE52CE);
$charts-categorical-05-stroke: var(--charts-categorical-05-stroke, transparent);
$charts-categorical-05-pattern: solid;
$charts-categorical-06-color: var(--charts-categorical-06-color, #C2185B);
$charts-categorical-06-stroke: var(--charts-categorical-06-stroke, transparent);
$charts-categorical-06-pattern: solid;
$charts-categorical-07-color: var(--charts-categorical-07-color, #759E15);
$charts-categorical-07-stroke: var(--charts-categorical-07-stroke, transparent);
$charts-categorical-07-pattern: solid;
$charts-categorical-08-color: var(--charts-categorical-08-color, #AC6400);
$charts-categorical-08-stroke: var(--charts-categorical-08-stroke, transparent);
$charts-categorical-08-pattern: solid;
$charts-categorical-09-color: var(--charts-categorical-09-color, #EB7200);
$charts-categorical-09-stroke: var(--charts-categorical-09-stroke, transparent);
$charts-categorical-09-pattern: solid;
$charts-status-success-color: var(--charts-status-success-color, #007A4D);
$charts-status-success-stroke: var(--charts-status-success-stroke, transparent);
$charts-status-success-pattern: solid;
$charts-status-warning-color: var(--charts-status-warning-color, #ffbe00);
$charts-status-warning-stroke: var(--charts-status-warning-stroke, transparent);
$charts-status-warning-pattern: solid;
$charts-status-danger-color: var(--charts-status-danger-color, #e13212);
$charts-status-danger-stroke: var(--charts-status-danger-stroke, transparent);
$charts-status-danger-pattern: solid;
$charts-status-neutral-color: var(--charts-status-neutral-color, #ffffff);
$charts-status-neutral-stroke: var(--charts-status-neutral-stroke, #8C9CA5);
$charts-status-neutral-pattern: striped;
$focus-ring-color: var(--focus-ring-color, #0265DC);
$focus-ring-color-danger: var(--focus-ring-color-danger, #e13212);
$focus-ring-width: 0.25rem;
$foreground-color: var(--foreground-color, #141414);
$foreground-color-subdued: var(--foreground-color-subdued, #737475);
$foreground-color-primary: var(--foreground-color-primary, #0265DC);
$foreground-color-danger: var(--foreground-color-danger, #e13212);
$foreground-color-inverted: var(--foreground-color-inverted, #ffffff);
$foreground-color-on-primary: var(--foreground-color-on-primary, #ffffff);
$foreground-color-on-danger: var(--foreground-color-on-danger, #ffffff);
$foreground-color-on-danger-subdued: var(--foreground-color-on-danger-subdued, #bf2a00);
$foreground-color-on-warning: var(--foreground-color-on-warning, #141414);
$foreground-color-active-primary: var(--foreground-color-active-primary, #004491);
$foreground-color-active-danger: var(--foreground-color-active-danger, #bf2a00);
$foreground-color-hover-primary: var(--foreground-color-hover-primary, #004491);
$foreground-color-hover-danger: var(--foreground-color-hover-danger, #bf2a00);
$overlay-color-active: var(--overlay-color-active, #14141429);
$overlay-color-active-primary: var(--overlay-color-active-primary, #0265DC4D);
$overlay-color-active-danger: var(--overlay-color-active-danger, #e132124D);
$overlay-color-active-on: var(--overlay-color-active-on, #14141429);
$overlay-color-active-on-primary: var(--overlay-color-active-on-primary, #14141466);
$overlay-color-active-on-danger: var(--overlay-color-active-on-danger, #14141466);
$overlay-color-hover: var(--overlay-color-hover, #14141414);
$overlay-color-hover-primary: var(--overlay-color-hover-primary, #0265DC1A);
$overlay-color-hover-danger: var(--overlay-color-hover-danger, #e132121A);
$overlay-color-hover-on: var(--overlay-color-hover-on, #14141414);
$overlay-color-hover-on-primary: var(--overlay-color-hover-on-primary, #14141433);
$overlay-color-hover-on-danger: var(--overlay-color-hover-on-danger, #14141433);
$shadow-color: var(--shadow-color, #14141414);
$shadow-size-flat: 0rem 0rem 0rem;
$shadow-size-float: 0rem 0.125rem 0.5rem;
$shadow-size-overlay: 0rem 0.5rem 1.5rem;
$status-color-info: var(--status-color-info, #0265DC);
$status-color-danger: var(--status-color-danger, #e13212);
$status-color-success: var(--status-color-success, #007A4D);
$status-color-warning: var(--status-color-warning, #ffbe00);
$typography-paragraph-size-xsmall: 0.75rem;
$typography-paragraph-size-small: 0.875rem;
$typography-paragraph-size: 1rem;
$typography-paragraph-size-large: 1.25rem;
$typography-paragraph-size-xlarge: 1.5rem;
$typography-paragraph-font-weight: 400;
$typography-paragraph-font-family: var(--typography-paragraph-font-family, 'Nunito Sans', sans-serif);
$typography-heading-size-xsmall: 0.875rem;
$typography-heading-size-small: 1rem;
$typography-heading-size: 1.25rem;
$typography-heading-size-large: 1.5rem;
$typography-heading-size-xlarge: 2rem;
$typography-heading-font-weight: 700;
$typography-heading-font-family: var(--typography-heading-font-family, 'Sofia Pro', SofiaPro, sans-serif);
$typography-label-size-xsmall: 0.625rem;
$typography-label-size-small: 0.75rem;
$typography-label-size: 0.875rem;
$typography-label-size-large: 1rem;
$typography-label-size-xlarge: 1.25rem;
$typography-label-font-weight: 600;
$typography-label-font-family: var(--typography-label-font-family, 'Nunito Sans', sans-serif);