:root { --black: #000000; --white: #ffffff; --white-hover: #fafafa; --yellow-10: #fcf4d6; --yellow-20: #fddc69; --yellow-30: #f1c21b; --yellow-40: #d2a106; --yellow-50: #b28600; --yellow-60: #8e6a00; --yellow-70: #684e00; --yellow-80: #483700; --yellow-90: #302400; --yellow-100: #1c1500; --orange-10: #fff2e8; --orange-20: #ffd9be; --orange-30: #ffb784; --orange-40: #ff832b; --orange-50: #eb6200; --orange-60: #ba4e00; --orange-70: #8a3800; --orange-80: #5e2900; --orange-90: #3e1a00; --orange-100: #231000; --red-10: #fff1f1; --red-20: #ffd7d9; --red-30: #ffb3b8; --red-40: #ff8389; --red-50: #fa4d56; --red-60: #da1e28; --red-70: #a2191f; --red-80: #750e13; --red-90: #520408; --red-100: #2d0709; --red-10-hover: #ffe0e0; --red-20-hover: #ffc2c5; --red-30-hover: #ff99a0; --red-40-hover: #ff6168; --red-50-hover: #ee0713; --red-60-hover: #b81922; --red-70-hover: #c21e25; --red-80-hover: #921118; --red-90-hover: #66050a; --red-100-hover: #540d11; --blue-10: #edf5ff; --blue-20: #d0e2ff; --blue-30: #a6c8ff; --blue-40: #78a9ff; --blue-50: #4589ff; --blue-60: #0f62fe; --blue-70: #0043ce; --blue-80: #002d9c; --blue-90: #001d6c; --blue-100: #001141; --blue-10-hover: #dbebff; --blue-20-hover: #b8d3ff; --blue-30-hover: #8ab6ff; --blue-40-hover: #5c97ff; --blue-50-hover: #1f70ff; --blue-60-hover: #0050e6; --blue-70-hover: #0053ff; --blue-80-hover: #0039c7; --blue-90-hover: #00258a; --blue-100-hover: #001f75; --cyan-10: #e5f6ff; --cyan-20: #bae6ff; --cyan-30: #82cfff; --cyan-40: #33b1ff; --cyan-50: #1192e8; --cyan-60: #0072c3; --cyan-70: #00539a; --cyan-80: #003a6d; --cyan-90: #012749; --cyan-100: #061727; --cyan-10-hover: #cceeff; --cyan-20-hover: #99daff; --cyan-30-hover: #57beff; --cyan-40-hover: #059fff; --cyan-50-hover: #0f7ec8; --cyan-60-hover: #005fa3; --cyan-70-hover: #0066bd; --cyan-80-hover: #00498a; --cyan-90-hover: #013360; --cyan-100-hover: #0b2947; --teal-10: #d9fbfb; --teal-20: #9ef0f0; --teal-30: #3ddbd9; --teal-40: #08bdba; --teal-50: #009d9a; --teal-60: #007d79; --teal-70: #005d5d; --teal-80: #004144; --teal-90: #022b30; --teal-100: #081a1c; --green-10: #defbe6; --green-20: #a7f0ba; --green-30: #6fdc8c; --green-40: #42be65; --green-50: #24a148; --green-60: #198038; --green-70: #0e6027; --green-80: #044317; --green-90: #022d0d; --green-100: #071908; --green-10-hover: #b6f6c8; --green-20-hover: #74e792; --green-30-hover: #36ce5e; --green-40-hover: #3bab5a; --green-50-hover: #208e3f; --green-60-hover: #166f31; --green-70-hover: #11742f; --green-80-hover: #05521c; --green-90-hover: #033b11; --green-100-hover: #0d300f; --cool-gray-10: #f2f4f8; --cool-gray-20: #dde1e6; --cool-gray-30: #c1c7cd; --cool-gray-40: #a2a9b0; --cool-gray-50: #878d96; --cool-gray-60: #697077; --cool-gray-70: #4d5358; --cool-gray-80: #343a3f; --cool-gray-90: #21272a; --cool-gray-100: #121619; --cool-gray-10-hover: #e4e9f1; --cool-gray-20-hover: #cdd3da; --cool-gray-30-hover: #adb5bd; --cool-gray-40-hover: #9199a1; --cool-gray-50-hover: #757b85; --cool-gray-60-hover: #585e64; --cool-gray-70-hover: #5d646a; --cool-gray-80-hover: #434a51; --cool-gray-90-hover: #2b3236; --cool-gray-100-hover: #222a2f;}