:root { --primary: #2ba0a3; --primary-l-1: #60b8ba; --primary-l-2: #95d0d1; --primary-l-3: #cae7e8; --primary-d-1: #20787a; --primary-d-2: #165052; --primary-d-3: #0b2829; --primary-dark: #20787a; --primary-hover: #228082; --primary-ultra-light: #F0F8F8; --neutral: #000; --base: #333; --base-d-1: #2b2b2b; --base-d-2: #222222; --base-d-3: #1a1a1a; --base-d-4: #111111; --base-d-5: #090909; --base-l-1: #464646; --base-l-2: #585858; --base-l-3: #6b6b6b; --base-l-4: #7d7d7d; --base-l-5: #909090; --base-l-6: #a2a2a2; --base-l-7: #b5b5b5; --base-l-8: #c7c7c7; --base-l-9: #dadada; --base-l-10: #ececec; --border-color: var(--base-l-9); --base-ultra-light: var(--base-l-10); --white-mute: #f9f9f9; --error: #D9534F; --error-d: #6B2321; --error-l: #FAF1F1;}