:root { --accent-100: rgba(34,122,255,1); --accent-70: rgba(34, 122, 255, 0.7); --accent-50: rgba(34, 122, 255, 0.5); --accent-30: rgba(34, 122, 255, 0.3); --accent-10: rgba(34, 122, 255, 0.1); --accent-5: rgba(34, 122, 255, 0.05); --accent-0: rgba(34, 122, 255, 0); --accent-hover: rgba(34, 122, 255, 0.85); --warning-100: rgba(255,168,0,1); --warning-70: rgba(255, 168, 0, 0.7); --warning-50: rgba(255, 168, 0, 0.5); --warning-30: rgba(255, 168, 0, 0.3); --warning-10: rgba(255, 168, 0, 0.1); --warning-5: rgba(255, 168, 0, 0.05); --warning-0: rgba(255, 168, 0, 0); --warning-hover: rgba(255, 168, 0, 0.85); --danger-100: rgba(255,57,69,1); --danger-70: rgba(255, 57, 69, 0.7); --danger-50: rgba(255, 57, 69, 0.5); --danger-30: rgba(255, 57, 69, 0.3); --danger-10: rgba(255, 57, 69, 0.1); --danger-5: rgba(255, 57, 69, 0.05); --danger-0: rgba(255, 57, 69, 0); --danger-hover: rgba(255, 57, 69, 0.85); --success-100: rgba(97,204,47,1); --success-70: rgba(97, 204, 47, 0.7); --success-50: rgba(97, 204, 47, 0.5); --success-30: rgba(97, 204, 47, 0.3); --success-10: rgba(97, 204, 47, 0.1); --success-5: rgba(97, 204, 47, 0.05); --success-0: rgba(97, 204, 47, 0); --success-hover: rgba(97, 204, 47, 0.85); }