@import 'tailwindcss';
@plugin '@tailwindcss/forms';
@plugin '@tailwindcss/typography';

@theme {
	--color-rich-black: #040F0F; /*Main Color*/
--color-rich-black-50:  #BFEEEE;
--color-rich-black-100: #9EE5E5;
--color-rich-black-200: #7EDDDD;
--color-rich-black-300: #5ED4D4;
--color-rich-black-400: #3ECCCC;
--color-rich-black-500: #2FB1B1;
--color-rich-black-600: #279191;
--color-rich-black-700: #1E7171;
--color-rich-black-800: #155151;
--color-rich-black-900: #0D3030;
--color-rich-black-950: #040F0F; /*Main Color*/

--color-forest-green: #248232; /*Main Color*/
--color-forest-green-50:  #DFF6E2;
--color-forest-green-100: #BFEDC6;
--color-forest-green-200: #9FE5A9;
--color-forest-green-300: #7FDC8D;
--color-forest-green-400: #5FD370;
--color-forest-green-500: #3FCA54;
--color-forest-green-600: #30B043;
--color-forest-green-700: #248232; /*Main Color*/
--color-forest-green-800: #1F702B;
--color-forest-green-900: #16501F;
--color-forest-green-950: #0D3012;

--color-pigment-green: #2BA84A; /*Main Color*/
--color-pigment-green-50:  #DFF7E5;
--color-pigment-green-100: #BEEECA;
--color-pigment-green-200: #9EE6B0;
--color-pigment-green-300: #7DDE95;
--color-pigment-green-400: #5DD57B;
--color-pigment-green-500: #3CCD60;
--color-pigment-green-600: #2BA84A; /*Main Color*/
--color-pigment-green-700: #269241;
--color-pigment-green-800: #1D7232;
--color-pigment-green-900: #155124;
--color-pigment-green-950: #0D3116;

--color-gunmetal: #242D2D; /*Main Color*/
--color-gunmetal-50:  #DDE4E4;
--color-gunmetal-100: #C6D2D2;
--color-gunmetal-200: #B0BFBF;
--color-gunmetal-300: #99ADAD;
--color-gunmetal-400: #829B9B;
--color-gunmetal-500: #6D8888;
--color-gunmetal-600: #5B7171;
--color-gunmetal-700: #495B5B;
--color-gunmetal-800: #364444;
--color-gunmetal-900: #242D2D; /*Main Color*/
--color-gunmetal-950: #121717;


--color-timberwolf: #D3D5D4; /*Main Color*/
--color-timberwolf-50:  #EAEBEB;
--color-timberwolf-100: #D3D5D4; /*Main Color*/
--color-timberwolf-200: #C1C3C2;
--color-timberwolf-300: #ACAFAD;
--color-timberwolf-400: #979B99;
--color-timberwolf-500: #828785;
--color-timberwolf-600: #6E7270;
--color-timberwolf-700: #5A5E5C;
--color-timberwolf-800: #464947;
--color-timberwolf-900: #323423;
--color-timberwolf-950: #1E1F1F;
}