$color-primary-blue: #2196f3;
$color-primary-abstract: #3f51b5;
$color-primary-green: #4caf50;
$color-primary-participant: #0ead88;
$color-primary-dark-mint: #2a535d;
$color-primary-mobile-mint: #9c27b0;
$color-primary-red: #f44336;
$color-primary-onsite: #ff9800;
$color-primary-yellow: #ffc700;
$color-secondary-blue: #eff8ff;
$color-secondary-abstract: #bdc0d0;
$color-secondary-green: #e2f2e3;
$color-secondary-participant: #d8f2ec;
$color-secondary-dark-mint: #dde3e5;
$color-secondary-mobile-mint: #efdcf2;
$color-secondary-red: #ffedec;
$color-secondary-onsite: #ffeed6;
$color-secondary-yellow: #fff6d6;
$color-mono-light-grey: #f9f9f9;
$color-mono-light-grey-2: #f7f7f7;
$color-mono-light-grey-3: #f5f5f5;
$color-mono-light-grey-4: #f1f1f1;
$color-mono-light-grey-5: #dfdfdf;
$color-mono-grey: #b6b6b6;
$color-mono-grey-2: #979797;
$color-mono-grey-3: #565656;
$color-mono-black: #000000;
$color-mono-white: #ffffff;
$color-mono-dark-grey: #202020;
$color-button-hover-blue: #1987df;
$color-button-focus-blue: #147acb;
$color-button-hover-green: #15c299;
$color-button-hover-red: rgb(248, 74, 74);
$transparent-hover: rgba(0, 0, 0, 0.04);
$transparent-hover-2: rgba(0, 0, 0, 0.06);
$transparent-hover-3: rgba(0, 0, 0, 0.08);
$shadow-1: rgba(0, 0, 0, 0.16);
// :export {
//     colorPrimaryBlue: $color-primary-blue;
//     colorPrimaryAbstract: $color-primary-abstract;
//     colorPrimaryGreen: $color-primary-green;
//     colorPrimaryParticipant: $color-primary-participant;
//     colorPrimaryDarkMint: $color-primary-dark-mint;
//     colorPrimaryMobileMint: $color-primary-mobile-mint;
//     colorPrimaryRed: $color-primary-red;
//     colorPrimaryOnsite: $color-primary-onsite;
//     colorPrimaryYellow: $color-primary-yellow;
//     colorSecondaryBlue: $color-secondary-blue;
//     colorSecondaryAbstract: $color-secondary-abstract;
//     colorSecondaryGreen: $color-secondary-green;
//     colorSecondaryParticipant: $color-secondary-participant;
//     colorSecondaryDarkMint: $color-secondary-dark-mint;
//     colorSecondaryMobileMint: $color-secondary-mobile-mint;
//     colorSecondaryRed: $color-secondary-red;
//     colorSecondaryOnsite: $color-secondary-onsite;
//     colorSecondaryYellow: $color-secondary-yellow;
//     colorMonoLightGrey: $color-mono-light-grey;
//     colorMonoLightGrey2: $color-mono-light-grey-2;
//     colorMonoLightGrey3: $color-mono-light-grey-3;
//     colorMonoLightGrey4: $color-mono-light-grey-4;
//     colorMonoLightGrey5: $color-mono-light-grey-5;
//     colorMonoGrey: $color-mono-grey;
//     colorMonoGrey2: $color-mono-grey-2;
//     colorMonoGrey3: $color-mono-grey-3;
//     colorMonoBlack: $color-mono-black;
//     colorMonoWhite: $color-mono-white;
//     transparentHover: $transparent-hover;
//     transparentHover2: $transparent-hover;
// }