/*
 *  MacroSpace Color Processor:
 *  https://docs.google.com/spreadsheets/d/1Sjuov2G9Wf1vdfa8WT8VHVSHX-JIlH2L6PwzHqufhno/edit#gid=0
 */

:root {
  /* yellow */
  --m-yellow: #EECF54;
  --m-yellow-1: #FEFBF1;
  --m-yellow-2: #FBF5DA;
  --m-yellow-3: #F7E9B0;
  --m-yellow-4: #F2DC82;
  --m-yellow-5: #EECF54;
  --m-yellow-6: #E9C227;
  --m-yellow-7: #D5AF16;
  --m-yellow-8: #B09012;
  --m-yellow-9: #8B720E;
  --m-yellow-10: #6A570B;

  /* amber */
  --m-amber: #EDB054;
  --m-amber-1: #FEF9F1;
  --m-amber-2: #FBEEDA;
  --m-amber-3: #F6D9AC;
  --m-amber-4: #F2C583;
  --m-amber-5: #EDB054;
  --m-amber-6: #E89A26;
  --m-amber-7: #CF8516;
  --m-amber-8: #AF7113;
  --m-amber-9: #8A590F;
  --m-amber-10: #6A440B;

  /* orange */
  --m-orange: #E78C5B;
  --m-orange-1: #FDF6F2;
  --m-orange-2: #FAE6DB;
  --m-orange-3: #F3C7AF;
  --m-orange-4: #EDA883;
  --m-orange-5: #E78C5B;
  --m-orange-6: #E06C2D;
  --m-orange-7: #C8591D;
  --m-orange-8: #A94B19;
  --m-orange-9: #853B14;
  --m-orange-10: #662E0F;

  /* red */
  --m-red: #DA6767;
  --m-red-1: #FCF3F3;
  --m-red-2: #F7DEDE;
  --m-red-3: #EDB5B5;
  --m-red-4: #E49090;
  --m-red-5: #DA6767;
  --m-red-6: #D03F3F;
  --m-red-7: #B82D2D;
  --m-red-8: #9C2626;
  --m-red-9: #7B1E1E;
  --m-red-10: #5E1717;

  /* scarlet */
  --m-scarlet: #E15B7C;
  --m-scarlet-1: #FDF2F5;
  --m-scarlet-2: #F9DCE4;
  --m-scarlet-3: #F1B1C1;
  --m-scarlet-4: #E9869F;
  --m-scarlet-5: #E15B7C;
  --m-scarlet-6: #DA325C;
  --m-scarlet-7: #C2234B;
  --m-scarlet-8: #A41E3F;
  --m-scarlet-9: #821732;
  --m-scarlet-10: #631226;

  /* pink */
  --m-pink: #E55CA3;
  --m-pink-1: #FDF2F8;
  --m-pink-2: #F9DCEB;
  --m-pink-3: #F2B0D2;
  --m-pink-4: #EB84B9;
  --m-pink-5: #E55CA3;
  --m-pink-6: #DE2F8A;
  --m-pink-7: #C61F76;
  --m-pink-8: #A71B63;
  --m-pink-9: #84154E;
  --m-pink-10: #65103C;

  /* fuchsia */
  --m-fuchsia: #C96AD8;
  --m-fuchsia-1: #FBF3FC;
  --m-fuchsia-2: #F3DFF6;
  --m-fuchsia-3: #E5B6EC;
  --m-fuchsia-4: #D892E2;
  --m-fuchsia-5: #C96AD8;
  --m-fuchsia-6: #BB41CD;
  --m-fuchsia-7: #A430B6;
  --m-fuchsia-8: #8A2899;
  --m-fuchsia-9: #6D2079;
  --m-fuchsia-10: #54185D;

  /* purple */
  --m-purple: #A16AD7;
  --m-purple-1: #F7F3FC;
  --m-purple-2: #EBDFF6;
  --m-purple-3: #D4BBED;
  --m-purple-4: #BA92E2;
  --m-purple-5: #A16AD7;
  --m-purple-6: #8843CD;
  --m-purple-7: #7531B9;
  --m-purple-8: #612999;
  --m-purple-9: #4D2079;
  --m-purple-10: #3B195D;

  /* violet */
  --m-violet: #8770CC;
  --m-violet-1: #F6F4FB;
  --m-violet-2: #E6E1F4;
  --m-violet-3: #C6BBE7;
  --m-violet-4: #A796D9;
  --m-violet-5: #8770CC;
  --m-violet-6: #694DBF;
  --m-violet-7: #583DA9;
  --m-violet-8: #4A338F;
  --m-violet-9: #3A2871;
  --m-violet-10: #2D1F56;

  /* indigo */
  --m-indigo: #757ECC;
  --m-indigo-1: #F4F5FB;
  --m-indigo-2: #E1E3F4;
  --m-indigo-3: #BCC0E6;
  --m-indigo-4: #9AA1DA;
  --m-indigo-5: #757ECC;
  --m-indigo-6: #505BBF;
  --m-indigo-7: #3E48A8;
  --m-indigo-8: #343D8E;
  --m-indigo-9: #293070;
  --m-indigo-10: #1F2556;

  /* blue */
  --m-blue: #6198DB;
  --m-blue-1: #F3F7FC;
  --m-blue-2: #DEE9F7;
  --m-blue-3: #B4CEEE;
  --m-blue-4: #8BB3E4;
  --m-blue-5: #6198DB;
  --m-blue-6: #3A7ED2;
  --m-blue-7: #2B6CBB;
  --m-blue-8: #245B9E;
  --m-blue-9: #1C487D;
  --m-blue-10: #16375F;

  /* sky */
  --m-sky: #61BAE0;
  --m-sky-1: #F2F9FD;
  --m-sky-2: #DDF0F8;
  --m-sky-3: #B2DDF0;
  --m-sky-4: #8CCDE9;
  --m-sky-5: #61BAE0;
  --m-sky-6: #36A8D8;
  --m-sky-7: #2592C0;
  --m-sky-8: #1F7BA2;
  --m-sky-9: #196180;
  --m-sky-10: #134A62;

  /* cyan */
  --m-cyan: #63D4DE;
  --m-cyan-1: #F2FCFC;
  --m-cyan-2: #DDF6F8;
  --m-cyan-3: #B3EAEF;
  --m-cyan-4: #89DEE6;
  --m-cyan-5: #63D4DE;
  --m-cyan-6: #38C8D5;
  --m-cyan-7: #28B1BD;
  --m-cyan-8: #2295A0;
  --m-cyan-9: #1B767E;
  --m-cyan-10: #145A61;

  /* teal */
  --m-teal: #62DFCF;
  --m-teal-1: #F2FCFB;
  --m-teal-2: #DDF8F5;
  --m-teal-3: #B3F0E7;
  --m-teal-4: #8CE8DC;
  --m-teal-5: #62DFCF;
  --m-teal-6: #38D7C1;
  --m-teal-7: #26BFAB;
  --m-teal-8: #20A190;
  --m-teal-9: #1A7F72;
  --m-teal-10: #146257;

  /* emerald */
  --m-emerald: #68DAB0;
  --m-emerald-1: #F3FCF9;
  --m-emerald-2: #DEF7EE;
  --m-emerald-3: #B9EEDB;
  --m-emerald-4: #90E4C5;
  --m-emerald-5: #59CCA2;
  --m-emerald-6: #2EBC88;
  --m-emerald-7: #25A777;
  --m-emerald-8: #1E9469;
  --m-emerald-9: #1B7856;
  --m-emerald-10: #165F44;

  /* green */
  --m-green: #65D78F;
  --m-green-1: #F3FCF6;
  --m-green-2: #DFF7E7;
  --m-green-3: #B6ECCA;
  --m-green-4: #8EE2AC;
  --m-green-5: #65D78F;
  --m-green-6: #3FCD73;
  --m-green-7: #2FB661;
  --m-green-8: #289A52;
  --m-green-9: #207941;
  --m-green-10: #185D31;

  /* lime */
  --m-lime: #AFDC65;
  --m-lime-1: #F8FCF3;
  --m-lime-2: #EEF7DE;
  --m-lime-3: #DAEFB8;
  --m-lime-4: #C4E68F;
  --m-lime-5: #AFDC65;
  --m-lime-6: #9AD33D;
  --m-lime-7: #87BF2B;
  --m-lime-8: #6F9E24;
  --m-lime-9: #587D1C;
  --m-lime-10: #436016;

  /* slate */
  --m-slate: #899CB8;
  --m-slate-1: #F5F7F9;
  --m-slate-2: #E6EAF0;
  --m-slate-3: #C6CFDC;
  --m-slate-4: #A9B7CB;
  --m-slate-5: #899CB8;
  --m-slate-6: #6A82A5;
  --m-slate-7: #566D8F;
  --m-slate-8: #495C79;
  --m-slate-9: #3A495F;
  --m-slate-10: #2C3849;

  /* gray */
  --m-gray: #9199B1;
  --m-gray-1: #F6F7F9;
  --m-gray-2: #E7E9EE;
  --m-gray-3: #C9CDD9;
  --m-gray-4: #ABB2C4;
  --m-gray-5: #9199B1;
  --m-gray-6: #727D9B;
  --m-gray-7: #5F6A86;
  --m-gray-8: #505971;
  --m-gray-9: #3F465A;
  --m-gray-10: #313645;

  /* zinc */
  --m-zinc: #9898A9;
  --m-zinc-1: #F7F7F8;
  --m-zinc-2: #E9E9EC;
  --m-zinc-3: #CDCDD5;
  --m-zinc-4: #B1B1BE;
  --m-zinc-5: #9898A9;
  --m-zinc-6: #7C7C91;
  --m-zinc-7: #69697D;
  --m-zinc-8: #585869;
  --m-zinc-9: #464653;
  --m-zinc-10: #363640;

  /* silver */
  --m-silver: #9E9E9E;
  --m-silver-1: #F7F7F7;
  --m-silver-2: #EBEBEB;
  --m-silver-3: #D1D1D1;
  --m-silver-4: #B8B8B8;
  --m-silver-5: #9E9E9E;
  --m-silver-6: #868686;
  --m-silver-7: #737373;
  --m-silver-8: #616161;
  --m-silver-9: #4D4D4D;
  --m-silver-10: #3B3B3B;

  /* stone */
  --m-stone: #A99F98;
  --m-stone-1: #F8F7F7;
  --m-stone-2: #ECEAE9;
  --m-stone-3: #D5D0CD;
  --m-stone-4: #C0B9B4;
  --m-stone-5: #A99F98;
  --m-stone-6: #92857C;
  --m-stone-7: #7D7168;
  --m-stone-8: #6A5F58;
  --m-stone-9: #544B45;
  --m-stone-10: #403A35;

  /* light */
  --m-light: var(--m-gray-2);
  --m-lighter: #ffffff;

  /* dark */
  --m-dark: #3B3B3B;
  --m-darker: #191919;

  /* gradient background */
  --m-gradient-bg-first: var(--m-fuchsia-1);
  --m-gradient-bg-second: var(--m-indigo-2);

  /* borders */
  --m-border-color: #DFE1F2;

  /* links */
  --m-link-nav: var(--m-lighter);
  --m-link-nav-active: var(--m-light);

  /* modals */
  --m-modal-header-bg: var(--m-indigo-9);
  --m-modal-header-cl: var(--m-indigo-1);

  /* Main Sidebar */
  --m-main-sidebar-bg: var(--m-indigo-9);

  /* Funnel statuses */
  --m-funnel-status-bg: var(--m-indigo-1);
}


/** Statuses */
.status-header-yellow-gradient {
  background: linear-gradient(to right, var(--m-yellow-5), var(--m-yellow-7)) !important;
}

.status-header-amber-gradient {
  background: linear-gradient(to right, var(--m-amber-5), var(--m-amber-7)) !important;
}

.status-header-orange-gradient {
  background: linear-gradient(to right, var(--m-orange-5), var(--m-orange-7)) !important;
}

.status-header-red-gradient {
  background: linear-gradient(to right, var(--m-red-5), var(--m-red-7)) !important;
}

.status-header-scarlet-gradient {
  background: linear-gradient(to right, var(--m-scarlet-5), var(--m-scarlet-7)) !important;
}

.status-header-pink-gradient {
  background: linear-gradient(to right, var(--m-pink-5), var(--m-pink-7)) !important;
}

.status-header-fuchsia-gradient {
  background: linear-gradient(to right, var(--m-fuchsia-5), var(--m-fuchsia-7)) !important;
}

.status-header-purple-gradient {
  background: linear-gradient(to right, var(--m-purple-5), var(--m-purple-7)) !important;
}

.status-header-violet-gradient {
  background: linear-gradient(to right, var(--m-violet-5), var(--m-violet-7)) !important;
}

.status-header-indigo-gradient {
  background: linear-gradient(to right, var(--m-indigo-5), var(--m-indigo-7)) !important;
}

.status-header-blue-gradient {
  background: linear-gradient(to right, var(--m-blue-5), var(--m-blue-7)) !important;
}

.status-header-sky-gradient {
  background: linear-gradient(to right, var(--m-sky-5), var(--m-sky-7)) !important;
}

.status-header-cyan-gradient {
  background: linear-gradient(to right, var(--m-cyan-5), var(--m-cyan-7)) !important;
}

.status-header-teal-gradient {
  background: linear-gradient(to right, var(--m-teal-5), var(--m-teal-7)) !important;
}

.status-header-emerald-gradient {
  background: linear-gradient(to right, var(--m-emerald-5), var(--m-emerald-7)) !important;
}

.status-header-green-gradient {
  background: linear-gradient(to right, var(--m-green-5), var(--m-green-7)) !important;
}

.status-header-lime-gradient {
  background: linear-gradient(to right, var(--m-lime-5), var(--m-lime-7)) !important;
}

.status-header-slate-gradient {
  background: linear-gradient(to right, var(--m-slate-5), var(--m-slate-7)) !important;
}

.status-header-gray-gradient {
  background: linear-gradient(to right, var(--m-gray-5), var(--m-gray-7)) !important;
}

.status-header-zinc-gradient {
  background: linear-gradient(to right, var(--m-zinc-5), var(--m-zinc-7)) !important;
}

.status-header-silver-gradient {
  background: linear-gradient(to right, var(--m-silver-5), var(--m-silver-7)) !important;
}

.status-header-stone-gradient {
  background: linear-gradient(to right, var(--m-stone-5), var(--m-stone-7)) !important;
}