:root { --black-color: #000000; --black-color-alt: #334155; --white-color: #ffffff; --white-color-alt: #fdfeff; --gray-color: #f7f9ff; --lightgray-color: #efeeea; --darkgray-color: #64748b; --primary-color: #117db0; --primary-color-alt: #0b557a; --primary-color-light: rgba(17, 125, 176, .05); --primary-color-dark: rgba(17, 125, 176, .125); --secondary-color: #90d4f4; --tertiary-color: #ffffff; --quaternary-color: #ffffff; --quinary-color: #ffffff; --senary-color: #ffffff; --septenary-color: #ffffff; --octonary-color: #ffffff; --nonary-color: #ffffff; --denary-color: #ffffff; --separator-color: rgba(15, 23, 42, 0.1); --success-color: #45602f; --warning-color: #f7872e; --error-color: #b0112e; --grade-a: #009b5e; --grade-b: #49c24a; --grade-c: #cadc00; --grade-d: #f7c02e; --grade-e: #f7872e; --grade-f: #df5a34; --grade-g: #b91e14;}