@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-primary-100: #e1e4ff;
$color-primary-200: #afdaf3;
$color-primary-300: #9adbf3;
$color-primary-400: #5dcff3;
$color-primary-500: #13b7f3;
$color-primary-600: #137fac;
$color-primary-700: #0b425d;
$color-primary-800: #072f3c;
$color-primary-900: #0a1b27;


$color-secondary-100: #d9f9e1;
$color-secondary-200: #b6efd3;
$color-secondary-300: #91ceb8;
$color-secondary-400: #69a88e;
$color-secondary-500: #438571;
$color-secondary-600: #376e5d;
$color-secondary-700: #254b40;
$color-secondary-800: #182f28;
$color-secondary-900: #08221c;

$color-success-100: #ddfbdd;
$color-success-200: #afed88;
$color-success-300: #78c656;
$color-success-400: #54af32;
$color-success-500: #308300;
$color-success-600: #255900;
$color-success-700: #1d4900;
$color-success-800: #122400;
$color-success-900: #060d00;


$color-error-100: #fce2de;
$color-error-200: #e77f77;
$color-error-300: #f3553d;
$color-error-400: #e13f28;
$color-error-500: #C92100;
$color-error-600: #891d00;
$color-error-700: #5b1200;
$color-error-800: #3c0c00;
$color-error-900: #2a0900;


$color-warning-100: #fff6dc;
$color-warning-200: #ffe1a3;
$color-warning-300: #ffd2a3;
$color-warning-400: #ffb74d;
$color-warning-500: #FF9F07;
$color-warning-600: #a16704;
$color-warning-700: #674002;
$color-warning-800: #492c02;
$color-warning-900: #231401;

$color-grey-100: #fafafa;
$color-grey-200: #f2f3f5;
$color-grey-300: #bfc3cc;
$color-grey-400: #97979a;
$color-grey-500: #525456;
$color-grey-600: #3f4445;
$color-grey-700: #303233;
$color-grey-800: #202223;
$color-grey-900: #0f1011;


// breakpoints
$breakpoint-small: 768px;
