:root { --black: #000000; --white: #ffffff; --gray-50: #fafafa; --gray-100: #f5f5f5; --gray-200: #eeeeee; --gray-300: #e0e0e0; --gray-400: #bdbdbd; --gray-500: #9e9e9e; --gray-600: #757575; --gray-700: #616161; --gray-800: #424242; --gray-900: #212121; --indigo-50: #e7eaf1; --indigo-100: #c2cbdd; --indigo-200: #9baac6; --indigo-300: #7589ae; --indigo-400: #57709e; --indigo-500: #375890; --indigo-600: #315087; --indigo-700: #28477c; --indigo-800: #223d6f; --indigo-900: #192d57; --indigo-1000: #131c4b; --purple-50: #e9e9f4; --purple-100: #c7c8e3; --purple-200: #a3a5d0; --purple-300: #8082bd; --purple-400: #6766af; --purple-500: #4f4ca1; --purple-600: #494498; --purple-700: #413a8c; --purple-800: #393080; --purple-900: #2d1f6a; --purple-1000: #1f193e; --orange-50: #fdf3e3; --orange-400: #f3a84b; --orange-900: #cf5f2f; --brown-50: #f9e9de; --brown-400: #7e543d; --brown-900: #44251b; --yellow-50: #f9f2e5; --yellow-400: #d0904a; --yellow-900: #b0653c; --violet-50: #f0e6ee; --violet-400: #99578d; --violet-900: #46284d; --lightblue-50: #e1f1f6; --lightblue-100: #c2d9de; --lightblue-200: #a2bec6; --lightblue-300: #80a4ad; --lightblue-400: #668f9a; --lightblue-500: #4c7c88; --lightblue-600: #416d77; --lightblue-700: #335962; --lightblue-800: #26464e; --lightblue-900: #163137; --blue-50: #e8ebf0; --blue-400: #5c719a; --blue-900: #2a3e6a; --kaki-50: #f4fae7; --kaki-400: #abd64d; --kaki-900: #3b7400; --fireleaf-50: #b90069; --fireleaf-400: #94007b; --fireleaf-900: #620094; --ocean-50: #2066e5; --ocean-400: #233dc2; --ocean-900: #240696; --emerson-50: #8208ca; --emerson-400: #4b03a4; --emerson-900: #280297; --leaf-50: #bac259; --leaf-400: #429b66; --leaf-900: #168e85; --mountain-50: #fdc726; --mountain-400: #ea6f0b; --mountain-900: #611b01; --coral-50: #ffebed; --coral-400: #eb5346; --coral-900: #b22010; --darkness-50: #fafbff; --darkness-400: #c6c7d1; --darkness-900: #282931;}.bg-gray-50 { background-color: var(--gray-50); }.bg-gray-100 { background-color: var(--gray-100); }.text-gray-600 { color: var(--gray-600); }.bg-indigo-50 { background-color: var(--indigo-50); }.bg-purple-900 { background-color: var(--purple-900); }.bg-orange-50 { background-color: var(--orange-50); }.text-brown-900 { color: var(--brown-900); }.bg-violet-50 { background-color: var(--violet-50); }.text-fireleaf-400 { color: var(--fireleaf-400); }.text-ocean-400 { color: var(--ocean-400); }.text-emerson-400 { color: var(--emerson-400); }.bg-mountain-50 { background-color: var(--mountain-50); }