:root{

    --black: #000;
    --white: #FFF;

    --yellow: #f3b402;
    --yellow-100: #ffc830;

    --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;

    --poppins: "Poppins";
    --inter: "Inter";
    --kanit: "Kanit";

    --icons: "tabler-icons";

    --transition: all .3s;

}