
// Do not edit directly
// Generated on Fri, 08 Jul 2022 22:51:37 GMT

$blue-lighter: #8abfff; // Accessible on -darker colors.
$blue-light: #3d84f5;
$blue: #215cca; // Accessible on white and lighter-gray.
$blue-dark: #183889; // Accessible on white.
$blue-darker: #0e1c43; // Accessible on white.
$green-lighter: #71f4ae; // Accessible on -darker colors.
$green-light: #2cdd90;
$green: #158466; // Accessible on white.
$green-dark: #105c52; // Accessible on white.
$green-darker: #0c3538; // Accessible on white.
$purple-lighter: #e98efa; // Accessible on -darker colors.
$purple-light: #d250f7;
$purple: #950cde; // Accessible on white.
$purple-dark: #560a9b; // Accessible on white.
$purple-darker: #2a085e; // Accessible on white.
$fuchsia-lighter: #ff80ca; // Accessible on -darker colors.
$fuchsia-light: #f240ae;
$fuchsia: #d9118f; // Accessible on white.
$fuchsia-dark: #950f7d; // Accessible on white.
$fuchsia-darker: #5c0a5c; // Accessible on white.
$orange-lighter: #ffad5c; // Accessible on -darker colors.
$orange-light: #fa8f47;
$orange: #f27041;
$orange-dark: #aa3f24; // Accessible on white.
$orange-darker: #622018; // Accessible on white.
$gray-lighter: #f2f5f7; // Accessible on -darker colors.
$gray-light: #c0cfd8;
$gray: #738da0;
$gray-dark: #485968; // Accessible on white.
$gray-darker: #252b32; // Accessible on white.
$black: #000000;
$black-transparent-60: rgba(0, 0, 0, 0.6); // Intended for placeholder text in inputs. Use cautiously and always test combinations for contrast.
$black-transparent-85: rgba(0, 0, 0, 0.85); // Accessible on white and lightest gray.
$white: #ffffff; // Accessible on primary brand color, useful for buttons and headings.
$white-transparent-85: rgba(255, 255, 255, 0.85); // Accessible on primary brand color.