:root { --black: #000000; --black-t-1: rgba(23, 23, 23, 0.91); --black-t-2: rgba(46, 46, 46, 0.82); --black-t-3: rgba(70, 70, 70, 0.73); --black-t-4: rgba(93, 93, 93, 0.64); --black-t-5: rgba(116, 116, 116, 0.55); --black-t-6: rgba(139, 139, 139, 0.45); --black-t-7: rgba(162, 162, 162, 0.36); --black-t-8: rgba(185, 185, 185, 0.27); --black-t-9: rgba(209, 209, 209, 0.18); --black-t-10: rgba(232, 232, 232, 0.09); --white: #ffffff; --white-t-1: rgba(255, 255, 255, 0.91); --white-t-2: rgba(255, 255, 255, 0.82); --white-t-3: rgba(255, 255, 255, 0.73); --white-t-4: rgba(255, 255, 255, 0.64); --white-t-5: rgba(255, 255, 255, 0.55); --white-t-6: rgba(255, 255, 255, 0.45); --white-t-7: rgba(255, 255, 255, 0.36); --white-t-8: rgba(255, 255, 255, 0.27); --white-t-9: rgba(255, 255, 255, 0.18); --white-t-10: rgba(255, 255, 255, 0.09); --primary: #4285F4; --secondary: #FA6405; --heading-xs: clamp(14px, 1.6vw, 16px); --heading-s: clamp(16px, 2vw, 20px); --heading-m: clamp(20px, 2.5vw, 24px); --heading-l: clamp(24px, 3vw, 30px); --heading-xl: clamp(26px, 3.5vw, 35px); --heading-2xl: clamp(30px, 4vw, 40px); --text-s: 14px; --text-m: 16px; --space-s: clamp(15px, 2vw, 20px); --space-m: clamp(20px, 3vw, 30px); --space-l: clamp(30px, 4vw, 40px); --space-xl: clamp(40px, 5vw, 50px); --space-2xl: clamp(50px, 6vw, 60px); --space-3xl: clamp(60px, 8vw, 80px);}