@import "../../node_modules/@clr/ui/src/color/utils/colors.clarity";
@import "../../node_modules/@clr/ui/src/color/utils/contrast-cache.clarity";
@import "../../node_modules/@clr/ui/src/color/utils/helpers.clarity";
@import "../../node_modules/@clr/ui/src/color/variables.color";

// colors
$color-brand: #13b7f3;
$color-success: $clr-green-accessible;
$color-error: $clr-red;
$color-info: $clr-action-blue;
$color-warning: $clr-yellow-light-midtone;
$color-grey-1: #FAFAFA;
$color-grey-2: #EEEEEE;
$color-grey-3: #CCCCCC;
$color-grey-4: #9A9A9A;
$color-grey-5: #565656;
$color-grey-6: #313131;
$color-grey-7: #111111;
$color-focused: #0094d2;

// breakpoints
$breakpoint-small: 768px;
