/*Grantson Theme*/
:root {
    --primary: #00a4ea;
    --primary-darker: #0489c1;
    --primary-lighter: #46c2f7;
    --primary-shadow: rgba(46, 85, 151, 0.5);
    --primary-gradient: linear-gradient(180deg, #00a4ea 10%, #0489c1 100%);
    --side-bar-color: #1d3d4f;
    --side-bar-gradient: linear-gradient(180deg, #1d3d4f 10%, #193241 100%);
    --auth-page-color: #193241;
    --auth-page-gradient: linear-gradient(180deg, #193241 10%, #1d3d4f 100%);
    --public-bg-color: #edf3f7;
    --public-bg-gradient: linear-gradient(180deg, #edf3f7 10%, #ecf1f4 100%);
    --link: #00a4ea;
    --link-hover: #0489c1;
    --avatar-bg: #00a4ea;
    --avatar-text: #fff;
}