:root {
    --base-color: #f8f7fa;
    --main-color: #1F2937;
    --white-color: #ffffff;
    --border-color: #e2e8f0;
    --grey-color: #B3BCC3;

    --customer-color:#5FB382;
    --primary-color:#1C2A3F;
    --secondary-color:#5C80BC;
    --success-color:#17B890;
    --info-color:#00A7E1;
    --warning-color:#FBB02D;
    --danger-color:#ED474A;
    --light-color:#FFFFFF;
    --dark-color:#212936;

    --sidebar-background-color:#1F2937;
    --sidebar-a-color:#ffffff;
    --sidebar-span-color:#5FB382;
    --sidebar-a-selected-color:#FFFFFF;

    --font-family: "Manrope", sans-serif;
}

.logo {
    display: block;
    aspect-ratio: 418 / 139;
    background-image: url("gpl_logo_full.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 190px;
}

.logo-authentication {
    width: 70px;
    display: block;
    aspect-ratio: 200 / 200;
    background-image: url("gpl_logo.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 10px;
}