@drivy/cobalt
Version:
Opinionated design system for Drivy's projects.
125 lines (124 loc) • 3.27 kB
CSS
/**********************************/
/* GENERATED WHEN BUILDING COBALT */
/*** DO NOT MODIFY IT DIRECTLY ****/
/**********************************/
:root {
--c-white: #ffffff;
--c-purple-100: #f8f2f8;
--c-purple-200: #f0e1ee;
--c-purple-300: #db97d5;
--c-purple-400: #d54ac8;
--c-purple-500: #b01aa7;
--c-purple-600: #a6199d;
--c-purple-700: #901588;
--c-purple-800: #75116f;
--c-purple-900: #530c4f;
--c-purple-1000: #3e093b;
--c-purple-1100: #280626;
--c-purple-1200: #160315;
--c-navy-50: #f1f1f4;
--c-navy-100: #e3e2e8;
--c-navy-120: #cac7d2;
--c-navy-200: #bbb8c7;
--c-navy-300: #7b728e;
--c-navy-400: #554b70;
--c-navy-500: #362e53;
--c-navy-700: #261a48;
--c-navy-900: #0f0429;
--c-yellow-100: #ffeed1;
--c-yellow-300: #ffdda3;
--c-yellow-400: #ffd387;
--c-yellow-500: #ffc766;
--c-yellow-700: #c59548;
--c-yellow-900: #75592d;
--c-yellow-1000: #3b2e17;
--c-green-100: #f4f9f3;
--c-green-200: #e5f2e4;
--c-green-300: #c8e5c6;
--c-green-400: #93d790;
--c-green-500: #5cbf54;
--c-green-700: #479d3e;
--c-green-900: #2f6d1c;
--c-green-1000: #1b500a;
--c-green-1100: #143b05;
--c-green-1200: #102e03;
--c-red-100: #fdeded;
--c-red-120: #f7e9e9;
--c-red-150: #eed0d0;
--c-red-200: #e5b5b5;
--c-red-300: #db9494;
--c-red-400: #d16969;
--c-red-500: #c71414;
--c-red-600: #b61212;
--c-red-700: #a21010;
--c-red-800: #8d0e0e;
--c-red-900: #730c0c;
--c-red-1000: #510808;
--c-red-1200: #4a0707;
--c-red-1300: #420707;
--c-red-1400: #390606;
--c-red-1500: #2f0505;
--c-red-1600: #210303;
--c-orange-100: #f1d5b1;
--c-orange-300: #eec186;
--c-orange-500: #e39735;
--c-orange-900: #462e0c;
--c-black-50: #544f53;
--c-black-75: #443f44;
--c-black-100: #363036;
--c-black-200: #2e292e;
--c-black-300: #282127;
--c-black-400: #251d24;
--c-black-500: #191218;
--c-black-600: #0f0a0e;
--c-black-700: #090609;
--c-black-800: #030203;
--c-black-1000: #000000;
--c-grey-50: #f8f9fa;
--c-grey-100: #e3e2e3;
--c-grey-200: #c3c1c3;
--c-grey-300: #a9a6a9;
--c-grey-400: #9d9a9d;
--c-grey-500: #918d91;
--c-grey-600: #7d787d;
--c-grey-700: #6a676a;
--c-blue-100: #f5f8ff;
--c-blue-200: #e5edff;
--c-blue-300: #b7d3ff;
--c-blue-400: #74b0ff;
--c-blue-500: #1f81f3;
--c-blue-600: #185bd1;
--c-blue-700: #1b3b8b;
--c-blue-800: #19255c;
--c-blue-900: #151c38;
--c-blue-1000: #101423;
--c-blue-1100: #0d1016;
--c-blue-1200: #0a0b0f;
--c-turquoise-50: #ecf9fb;
--c-turquoise-100: #cfeff5;
--c-turquoise-200: #afe5ee;
--c-turquoise-300: #8edbe7;
--c-turquoise-400: #76d3e2;
--c-turquoise-500: #5ecbdd;
--c-turquoise-600: #56c6d9;
--c-turquoise-700: #4cbed4;
--c-turquoise-800: #42b8cf;
--c-turquoise-900: #31acc7;
--c-turquoise-1200: #11505e;
--c-season-100: #a9d4a8;
--c-season-200: #9fd09e;
--c-season-300: #7cc27b;
--c-season-400: #56b654;
--c-season-500: #24aa1f;
--c-season-600: #229f1c;
--c-season-700: #1f931a;
--c-season-800: #1d8618;
--c-season-900: #1a7816;
--c-season-1000: #166612;
--c-season-1100: #11510f;
--c-season-1200: #0a3109;
--c-newPurple-200: #e46fee;
--c-newPurple-500: #bc00cc;
--c-newViolet-200: #b86fff;
--c-newViolet-500: #6c06b5;
}