:root {
    --grey-1: #212121;
    --grey-2: #2a2a2a;
    --grey-3: #313131;
    --grey-4: #343434;
    --grey-5: #3e3e3e;
    --grey-6: #414141;
    --grey-7: #494949;
    --grey-8: #4A4A4A;
    --grey-9: #575757;
    --grey-10: #787878;
    --grey-11: #898989;
    --grey-12: #9e9e9e;
    --grey-13: #C4C4C4;

    --white-1: #F6F8F9;
    --white-2: #E6E8E9;
    --white-3: #D6D8D9;
    --white-4: #C6C8C9;
    --white-5: #B6B8B9;
    --white-6: #A6A8A9;
    --white-7: #969899;
    --white-8: #868889;
    --white-9: #767879;
    --white-10: #666869;
    --white-11: #565859;
    --white-12: #464849;
    --white-13: #363839;

    --red: #de0000;
    --red-1: #a13030;
    --red-4: #e02121;
    --red-3: #f03333;
    --red-2: #d83336;
    --red-5: #f87464;
    --red-6: #932222;

    --green: #00de00;
    --green-1: #458d54;
    --green-2: #4aaf4a;
    --green-3: #35c735;
    --green-4: #62e062;
    --green-5: #75D282;

    --blue: #0000de;
    --blue-1: #306ea1;
    --blue-2: #395288;
    --blue-3: #4a4aaf;
    --blue-4: #4a8fbd;
    --blue-5: #43c3da;

    --cyan: #43c3da;
    --cyan-1: #2e7f91;
    --cyan-2: #3aa6c4;
    --cyan-3: #4dd0f1;
    --cyan-4: #b2ebf2;
    --cyan-5: #84cfe3;
    --cyan-6: #1a5e6b;

    --violet: #de00de;
    --violet-1: #5b3988;
    --violet-2: #784eaf;
    --violet-3: #8c5dc9;
    --violet-4: #9a68db;
    --violet-5: #ab77f0;
    --violet-6: #392065;
    --violet-7: #442634;

    --yellow: #dede00;
    --yellow-1: #a5af4a;
    --yellow-3: #d1c347;
    --yellow-4: #f3e357;
    --yellow-2: #ffee00;
    --yellow-5: #f5e875;

    --orange: #de8800;
    --orange-1: #ffac4d;
    --orange-2: #e08b3b;
    --orange-3: #f1a156;
    --orange-4: #eea663;
    --orange-5: #eeb988;

    --darkblue-1: #333e44;
    --darkblue-2: #1a252b;
    --darkblue-3: #1a252b;
    --darkblue-4: #1a252b;
    --darkblue-5: #1a252b;

    --brun-1: #a9484a;
    --brun-2: #b35c5e;
    --brun-3: #c06f71;
    --brun-4: #d48384;
    --brun-5: #e09697;

    --input-disabled-color: #F6F8F955;

    --selected: #ffac4d;
    --selected-hover: #EB584B;
    --focus: #3399ff;
    --blue-paris: #222945;
  }

  .background-grey-0 {
	background-color: var(--bg-1);
}
.background-grey-1 {
	background-color: var(--bg-4);
}
.background-grey-2 {
	background-color: var(--bg-5);
}
.background-grey-3 {
	background-color: var(--bg-9);
}
.background-grey-4 {
	background-color: var(--bg-12);
}
.isart-red {
	background-color: var(--red-5);
}
.isart-red-text {
	color: var(--red-5);
}
.isart-green {
	background-color: var(--green-5);
}
.isart-green-text {
	color: var(--green-5);
}
.isart-orange {
	background-color: var(--orange-1);
}
.isart-orange-text {
	color: var(--orange-1);
}
.isart-black {
	background-color: var(--text-14);
}
.isart-black-text {
	color: var(--text-14);
}
.isart-white-text {
	color: var(--text-1) !important;
}