:root { --black: #000; --white: #fff; --dark: #2F2645; --pink: #D564A3; --purple: #8459A4; --purple-20: #F1F0F8; --blue: #4A64AC; --yellow: #F7D552; --teal: #09B4C3; --orange: #F38248; --transparent: transparent; --white-t-1: hsla(0, 0%, 100%, 0.09); --white-t-2: hsla(0, 0%, 100%, 0.18); --white-t-3: hsla(0, 0%, 100%, 0.27); --white-t-4: hsla(0, 0%, 100%, 0.36); --white-t-5: hsla(0, 0%, 100%, 0.4); --white-t-6: hsla(0, 0%, 100%, 0.55); --white-t-7: hsla(0, 0%, 100%, 0.64); --white-t-8: hsla(0, 0%, 100%, 0.73); --white-t-9: hsla(0, 0%, 100%, 0.82); --white-t-10: hsla(0, 0%, 100%, 0.91); --grey: #D5D7DA;}