/*=========================================
SAMVET DESIGN SYSTEM
UTILITIES
=========================================*/

/* Display */

.d-none{display:none;}
.d-block{display:block;}
.d-flex{display:flex;}
.d-grid{display:grid;}

/* Flex */

.flex-center{
display:flex;
align-items:center;
justify-content:center;
}

.justify-between{justify-content:space-between;}
.justify-center{justify-content:center;}
.items-center{align-items:center;}
.flex-column{flex-direction:column;}
.flex-wrap{flex-wrap:wrap;}

/* Text */

.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}

/* Width */

.w-100{width:100%;}
.h-100{height:100%;}

/* Margin */

.mt-1{margin-top:10px;}
.mt-2{margin-top:20px;}
.mt-3{margin-top:30px;}
.mt-4{margin-top:40px;}
.mt-5{margin-top:60px;}

.mb-1{margin-bottom:10px;}
.mb-2{margin-bottom:20px;}
.mb-3{margin-bottom:30px;}
.mb-4{margin-bottom:40px;}
.mb-5{margin-bottom:60px;}

/* Padding */

.p-1{padding:10px;}
.p-2{padding:20px;}
.p-3{padding:30px;}
.p-4{padding:40px;}
.p-5{padding:60px;}

/* Border Radius */

.rounded{
border-radius:var(--radius-md);
}

.rounded-lg{
border-radius:var(--radius-lg);
}

.rounded-full{
border-radius:999px;
}

/* Shadow */

.shadow{
box-shadow:var(--shadow-md);
}

.shadow-lg{
box-shadow:var(--shadow-lg);
}