:root {
    --logo-hgt                      : 50px;

    /* Navigation */
    --nav-bg-color                  : rgb(37, 99, 235);
    --nav-border-color              : rgb(29, 78, 216);
    --nav-font-color                : #FFFFFF;
    
    --nav-highlighted-bg-color      : rgba(255, 255, 255);
    --nav-highlighted-font-color    : rgb(37, 99, 235);

    --nav-hover-bgcolor             : rgba(255, 255, 255, 0.1);
    --nav-hover-font-color          : #FFFFFF;

    --userinfo-font-color           : #FFFFFF;
    
    /* Button Colors */
    --primary-btn-bg-color          : #2563eb;
    --primary-btn-border-color      : #2563eb;
    --primary-btn-hover-bg-color    : #1d4ed8;
    --primary-btn-hover-border-color: #1d4ed8;
    --primary-btn-font-color        : #FFFFFF;

    --primary-btn-active-bg          : #1d4ed8;
    --primary-btn-active-border-color: #1d4ed8;
    --primary-btn-active-color       : #FFFFFF;
    
    /* Login page button */
    --inner-btns-bg                 : linear-gradient(to right, #4f46e5, #2563eb);
    --inner-btns-hover-bg           : #1d4ed8;

    /* For Create page */
    --filtertabs-navlink-bgcolor    : #ffffff;
    --filtertabs-navlink-border     : #e5e7eb;

    --filtertabs-navlink-active-bgcolor    : #2563eb;
    --filtertabs-navlink-active-border     : #2563eb;

    --bs-link-color-rgb             : 37, 99, 235;
    --bs-link-hover-color-rgb       : 37, 99, 235;
}