To make it reusable and scalable, we will use small set of of css variables that you can include in your theme or code block

// Version 1.0.0 
// Last update 27 May 2022

:root{
    /* Colors */
    --bg1: rgb(230, 230, 230);
    --bg2: rgb(243, 243, 243);
    --bg3: white;
    --text1: black;
    --text2: rgb(124, 124, 124);
    --border: rgb(204, 204, 204);
    --action: rgb(0, 110, 255);
    
    /* Sizes */
    --xs: 5px;
    --s: 10px;
    --m: 20px;
    --l: 40px;
    --xl: 80px;
}