:root {
    --primary: rgb(28, 172, 228, 1);
    --primary-dark: rgb(13, 86, 114, 1);
    --primary-70: rgba(28, 172, 228, 0.7);
    --primary-50: rgba(28, 172, 228, 0.5);
    --primary-30: rgba(28, 172, 228, 0.3);
    --primary-10: rgba(28, 172, 228, 0.1);
    --logo: #ffffff;
    --sidebar-icon: #ffffff;
}

.bg-grad-sidebar {
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        from(rgb(28, 172, 228, 1)),
        to(#3c4655)
    );

    background-image: linear-gradient(
        0deg,
        rgb(28, 172, 228, 1),
        rgb(13, 86, 114)
    );
}