:root {
    /* Fonts */
        --fs-md-x-small: .575rem;
        --fs-md-small: .82rem;
        --fs-md-medium: .83rem;
        --fs-md-large: 1.75rem;
        --fw-normal: 400;
        --fw-semibold: 500;
    /* Fonts */

    /* Colors */
        --white: #fff;
        --smoke: #f7f7f7;
        --light: #fbfbfb;
        --dark: #575757;

        --brand-hue: 212;
        --brand-saturation: 100%;
        --brand-lightness: 32%;

        --primary-accent: hsl(var(--brand-hue), var(--brand-saturation), var(--brand-lightness));
        --primary-accent-hover: hsl(var(--brand-hue), var(--brand-saturation), calc(var(--brand-lightness) + 10%));
        --primary-accent-active: hsl(var(--brand-hue), var(--brand-saturation), calc(var(--brand-lightness) - 10%));

        --secondary-accent: 152, 152, 152;

        --bs-warning-rgb: 256, 170, 48;
    /* Colors */
}
.text-justify {
    text-align: justify;
}

/* Scroll-bar */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    cursor:pointer;
}
::-webkit-scrollbar-track {
    background-color: hsl(200, 25%, 90%);
}
::-webkit-scrollbar-thumb {
    background: rgb(167, 167, 167);
    border-radius: 2px !important;
}
::-webkit-scrollbar-thumb:hover {
    background: #555 !important; 
}
/* Scroll-bar */

/* Background */
.bg-gray {
    --bs-bg-opacity: 0.25;
    background-color: rgba(var(--secondary-accent), var(--bs-bg-opacity)) !important;
}
.bg-info {
    --bs-bg-opacity: 1;
    background-color: #6e90c3 !important;
}
/* Background */