/* regular colors */
$color-black: #000000;
$color-white: #ffffff;

$color-neutral-gray: #74777d;
$color-neutral-gray-20w: #cdd2d9;
$color-neutral-gray-40w: #dadde3;
$color-neutral-gray-60w: #e6e9ec;
$color-neutral-gray-80w: #f3f4f6;
$color-neutral-gray-90w: #f3f5fa;
$color-neutral-gray-mid: #c1c7d0;
$color-neutral-gray-20b: #9a9fa6;
$color-neutral-gray-60b: #4d5053;
$color-neutral-gray-80b: #efefef;
$color-neutral-gray-light: #dfdfdf;
$color-neutral-gray-light-text: #a9a8a8;
$color-neutral-gray-charcoal: #27282a;

$color-ghost: #cce1e9;
$color-main: #56a2f7;
$color-main-20: #ddecfd;
$color-main-50: #aad0fb;
$color-second: #00b0ad;
$color-disabled: #ebebe4;

/* cobalt */
$color-primary-cobalt: #006890;
$color-primary-cobalt-darker: #003e56;
$color-primary-cobalt-darkest: #002a3a;

/* blue light */
$color-primary-blue-light: #7ccdf4;
$color-primary-blue-light-darker: #abcad6;

/* violet */
$color-primary-violet: #4e4696;
$color-primary-violet-darker: #2f2a5a;
$color-primary-violet-darkest: #1f1c3c;
$color-primary-violet-20w: #1c0e52;
/* green */
$color-semantic-green: #0f8732;
$color-semantic-green-light: #e7f4ec;

/* red */
$color-semantic-red: #ef3e42;
$color-semantic-red-light: #f8e0e0;

/* brown */
$color-semantic-brown: #b2880a;
$color-semantic-brown-light: #fff8e0;

/* orange */
$color-semantic-orange-light: #ffeee5;