:root{

    /* Colors */
    --white: #fff;
    --black: #000;

    --grey-111: #111;
    --grey-222: #222;
    --grey-333: #333;
    --grey-444: #444;
    --grey-555: #555;
    --grey-666: #666;
    --grey-777: #777;
    --grey-888: #888;
    --grey-999: #999;
    --white-aaa: #aaa;
    --white-bbb: #bbb;
    --white-ccc: #ccc;
    --white-ddd: #ddd;
    --white-eee: #eee;

    --orange: #fe6e00;
    --skyblue: #00aaff;
    --green: #2a8f4b;

    /* Others */
    --transition: all .3s;
    
    /* Fonts */
    --poppins: 'Poppins', Arial, sans-serif;
    --inter: 'Inter', Arial, sans-serif;

    /* Icons */
    --ti: "tabler-icons";
    --fa: "Font Awesome 6 Free";

}