/*
RK9 palette created from Palette 14

Palette 14
primary: orange
secondary (listed): lime green
neutrals: grey
supporting (listed): light blue, red, yellow
*/

/* Last updated 9/08/2024 */

/* orange primary */
.orange-050 { color: #FFEFE6; }
.orange-100 { color: #FFD3BA; }
.orange-200 { color: #FAB38B; }
.orange-300 { color: #EF8E58; }
.orange-400 { color: #E67635; }  /* primary */
.orange-500 { color: #C65D21; }
.orange-600 { color: #AB4E19; }
.orange-700 { color: #8C3D10; }
.orange-800 { color: #77340D; }
.orange-900 { color: #572508; }

/* blue secondary - palette 24 */
.blue-050 { color: #DCEEFB }
.blue-100 { color: #B6E0FE }
.blue-200 { color: #84C5F4 }
.blue-300 { color: #62B0E8 }
.blue-400 { color: #4098D7 }  /* secondary, info */
.blue-500 { color: #2680C2 }  /* link color */
.blue-600 { color: #186FAF }
.blue-700 { color: #0F609B }
.blue-800 { color: #0A558C }
.blue-900 { color: #003E6B }

/* neutrals */
.grey-050 { color: #F7F7F7; }
.grey-100 { color: #E1E1E1; }  /* light */
.grey-200 { color: #CFCFCF; }
.grey-300 { color: #B1B1B1; }
.grey-400 { color: #9E9E9E; }
.grey-500 { color: #7E7E7E; }
.grey-600 { color: #626262; }
.grey-700 { color: #515151; }
.grey-800 { color: #3B3B3B; }
.grey-900 { color: #222222; }

/* supporting */

/* light-blue */
.light-blue-050 { color: #EBF8FF; }
.light-blue-100 { color: #D1EEFC; }
.light-blue-200 { color: #A7D8F0; }
.light-blue-300 { color: #7CC1E4; }
.light-blue-400 { color: #55AAD4; }
.light-blue-500 { color: #3994C1; }
.light-blue-600 { color: #2D83AE; }
.light-blue-700 { color: #1D6F98; }
.light-blue-800 { color: #166086; }
.light-blue-900 { color: #0B4F71; }

/* red */
.red-050 { color: #FFEEEE; }
.red-100 { color: #FACDCD; }
.red-200 { color: #F29B9B; }
.red-300 { color: #E66A6A; }
.red-400 { color: #D64545; }
.red-500 { color: #BA2525; }
.red-600 { color: #A61B1B; }
.red-700 { color: #911111; }
.red-800 { color: #780A0A; }
.red-900 { color: #610404; }

/* yellow */
.yellow-050 { color: #FFFAEB; }
.yellow-100 { color: #FCEFC7; }
.yellow-200 { color: #F8E3A3; }
.yellow-300 { color: #F9DA8B; }
.yellow-400 { color: #F7D070; }
.yellow-500 { color: #E9B949; }
.yellow-600 { color: #C99A2E; }
.yellow-700 { color: #A27C1A; }
.yellow-800 { color: #7C5E10; }
.yellow-900 { color: #513C06; }

/* other */

/* green - palette 21 */
.green-050 { color: #E3F9E5; }
.green-100 { color: #C1EAC5; }
.green-200 { color: #A3D9A5; }
.green-300 { color: #7BC47F; }
.green-400 { color: #57AE5B; }
.green-500 { color: #3F9142; }
.green-600 { color: #2F8132; }
.green-700 { color: #207227; }
.green-800 { color: #0E5814; }
.green-900 { color: #05400A; }

/* purple - refactoring ui color palettes */
.purple-050 { color: #EAE2F8; }
.purple-100 { color: #CFBCF2; }
.purple-200 { color: #A081D9; }
.purple-300 { color: #8662C7; }
.purple-400 { color: #724BB7; }
.purple-500 { color: #653CAD; }
.purple-600 { color: #51279B; }
.purple-700 { color: #421987; }
.purple-800 { color: #34126F; }
.purple-900 { color: #240754; }

/* indigo - palette 21 */
.indigo-050 { color: #E0E8F9; }
.indigo-100 { color: #BED0F7; }
.indigo-200 { color: #98AEEB; }
.indigo-300 { color: #98AEEB; }
.indigo-400 { color: #647ACB; }
.indigo-500 { color: #4C63B6; }
.indigo-600 { color: #4055A8; }
.indigo-700 { color: #35469C; }
.indigo-800 { color: #2D3A8C; }
.indigo-900 { color: #19216C; }


/* background */
/* ---------- */

/* orange primary */
.bg-orange { background-color: #E67635; }
.bg-orange-050 { background-color: #FFEFE6; }
.bg-orange-100 { background-color: #FFD3BA; }
.bg-orange-200 { background-color: #FAB38B; }
.bg-orange-300 { background-color: #EF8E58; }
.bg-orange-400 { background-color: #E67635; }  /* primary */
.bg-orange-500 { background-color: #C65D21; }
.bg-orange-600 { background-color: #AB4E19; }
.bg-orange-700 { background-color: #8C3D10; }
.bg-orange-800 { background-color: #77340D; }
.bg-orange-900 { background-color: #572508; }

/* blue secondary - palette 24 */
.bg-blue-050 { background-color: #DCEEFB }
.bg-blue-100 { background-color: #B6E0FE }
.bg-blue-200 { background-color: #84C5F4 }
.bg-blue-300 { background-color: #62B0E8 }
.bg-blue-400 { background-color: #4098D7 }  /* secondary */
.bg-blue-500 { background-color: #2680C2 }
.bg-blue-600 { background-color: #186FAF }
.bg-blue-700 { background-color: #0F609B }
.bg-blue-800 { background-color: #0A558C }
.bg-blue-900 { background-color: #003E6B }

/* supporting */

/* light-blue */
.bg-light-blue-050 { background-color: #EBF8FF; }
.bg-light-blue-100 { background-color: #D1EEFC; }
.bg-light-blue-200 { background-color: #A7D8F0; }
.bg-light-blue-300 { background-color: #7CC1E4; }
.bg-light-blue-400 { background-color: #55AAD4; }
.bg-light-blue-500 { background-color: #3994C1; }
.bg-light-blue-600 { background-color: #2D83AE; }
.bg-light-blue-700 { background-color: #1D6F98; }
.bg-light-blue-800 { background-color: #166086; }
.bg-light-blue-900 { background-color: #0B4F71; }

/* red */
.bg-red-050 { background-color: #FFEEEE; }
.bg-red-100 { background-color: #FACDCD; }
.bg-red-200 { background-color: #F29B9B; }
.bg-red-300 { background-color: #E66A6A; }
.bg-red-400 { background-color: #D64545; }
.bg-red-500 { background-color: #BA2525; }
.bg-red-600 { background-color: #A61B1B; }
.bg-red-700 { background-color: #911111; }
.bg-red-800 { background-color: #780A0A; }
.bg-red-900 { background-color: #610404; }

/* yellow */
.bg-yellow-050 { background-color: #FFFAEB; }
.bg-yellow-100 { background-color: #FCEFC7; }
.bg-yellow-200 { background-color: #F8E3A3; }
.bg-yellow-300 { background-color: #F9DA8B; }
.bg-yellow-400 { background-color: #F7D070; }
.bg-yellow-500 { background-color: #E9B949; }
.bg-yellow-600 { background-color: #C99A2E; }
.bg-yellow-700 { background-color: #A27C1A; }
.bg-yellow-800 { background-color: #7C5E10; }
.bg-yellow-900 { background-color: #513C06; }

/* other */

/* green - palette 21 */
.bg-green-050 { background-color: #E3F9E5; }
.bg-green-100 { background-color: #C1EAC5; }
.bg-green-200 { background-color: #A3D9A5; }
.bg-green-300 { background-color: #7BC47F; }
.bg-green-400 { background-color: #57AE5B; }
.bg-green-500 { background-color: #3F9142; }
.bg-green-600 { background-color: #2F8132; }
.bg-green-700 { background-color: #207227; }
.bg-green-800 { background-color: #0E5814; }
.bg-green-900 { background-color: #05400A; }

/* purple - refactoring ui color palettes */
.bg-purple-050 { background-color: #EAE2F8; }
.bg-purple-100 { background-color: #CFBCF2; }
.bg-purple-200 { background-color: #A081D9; }
.bg-purple-300 { background-color: #8662C7; }
.bg-purple-400 { background-color: #724BB7; }
.bg-purple-500 { background-color: #653CAD; }
.bg-purple-600 { background-color: #51279B; }
.bg-purple-700 { background-color: #421987; }
.bg-purple-800 { background-color: #34126F; }
.bg-purple-900 { background-color: #240754; }

/* indigo - palette 21 */
.bg-indigo-050 { background-color: #E0E8F9; }
.bg-indigo-100 { background-color: #BED0F7; }
.bg-indigo-200 { background-color: #98AEEB; }
.bg-indigo-300 { background-color: #98AEEB; }
.bg-indigo-400 { background-color: #647ACB; }
.bg-indigo-500 { background-color: #4C63B6; }
.bg-indigo-600 { background-color: #4055A8; }
.bg-indigo-700 { background-color: #35469C; }
.bg-indigo-800 { background-color: #2D3A8C; }
.bg-indigo-900 { background-color: #19216C; }

/* grey - palette 14 */
.bg-grey-050 { background-color: #F7F7F7; }
.bg-grey-100 { background-color: #E1E1E1; }
.bg-grey-200 { background-color: #CFCFCF; }
.bg-grey-300 { background-color: #B1B1B1; }
.bg-grey-400 { background-color: #9E9E9E; }
.bg-grey-500 { background-color: #7E7E7E; }
.bg-grey-600 { background-color: #626262; }
.bg-grey-700 { background-color: #515151; }
.bg-grey-800 { background-color: #3B3B3B; }
.bg-grey-900 { background-color: #222222; }


/* --------------------------------------------------- */
/* ------------------ NOT USED ----------------------- */
/* --------------------------------------------------- */

/* lime-green (palette 14 secondary - not used) */
.lime-green-050 { color: #F2FDE0; }
.lime-green-100 { color: #E2F7C2; }
.lime-green-200 { color: #C7EA8F; }
.lime-green-300 { color: #ABDB5E; }
.lime-green-400 { color: #94C843; }
.lime-green-500 { color: #7BB026; }
.lime-green-600 { color: #63921A; }
.lime-green-700 { color: #507712; }
.lime-green-800 { color: #42600C; }
.lime-green-900 { color: #2B4005; }

/* lime-green (palette 14 secondary - not used) */
.bg-lime-green-050 { background-color: #F2FDE0; }
.bg-lime-green-100 { background-color: #E2F7C2; }
.bg-lime-green-200 { background-color: #C7EA8F; }
.bg-lime-green-300 { background-color: #ABDB5E; }
.bg-lime-green-400 { background-color: #94C843; }
.bg-lime-green-500 { background-color: #7BB026; }
.bg-lime-green-600 { background-color: #63921A; }
.bg-lime-green-700 { background-color: #507712; }
.bg-lime-green-800 { background-color: #42600C; }
.bg-lime-green-900 { background-color: #2B4005; }


/* orange-vivid - primary for palette 21 */
.orange-vivid-050 { color: #FFE8D9; }
.orange-vivid-100 { color: #FFD0B5; }
.orange-vivid-200 { color: #FFB088; }
.orange-vivid-300 { color: #FF9466; }
.orange-vivid-400 { color: #F9703E; }  /* primary */
.orange-vivid-500 { color: #F35627; }
.orange-vivid-600 { color: #DE3A11; }
.orange-vivid-700 { color: #C52707; }
.orange-vivid-800 { color: #AD1D07; }
.orange-vivid-900 { color: #841003; }

/* background */
/* orange-vivid - primary for palette 21 */
.bg-orange-vivid-050 { background-color: #FFE8D9; }
.bg-orange-vivid-100 { background-color: #FFD0B5; }
.bg-orange-vivid-200 { background-color: #FFB088; }
.bg-orange-vivid-300 { background-color: #FF9466; }
.bg-orange-vivid-400 { background-color: #F9703E; }  /* primary */
.bg-orange-vivid-500 { background-color: #F35627; }
.bg-orange-vivid-600 { background-color: #DE3A11; }
.bg-orange-vivid-700 { background-color: #C52707; }
.bg-orange-vivid-800 { background-color: #AD1D07; }
.bg-orange-vivid-900 { background-color: #841003; }