/* || Variables */
:root{
    /* ===== Colors ===== */
    --master-color-white: #ffffff;
    --master-color_black: #000000;
    --master-color-black: #000000;
    --master-color-primary-darker: #846257;
    --master-color-primary: #a57b6d;
    --master-color-primary-light: #c9afa7;
    --master-color-primary-ultralight:#ede4e1;
    --master-font-primary: #000000;
    --master-color-secondary: #EB5757;
    --master-color-secondary-light: #fdeeee;
    --master-sale-color: #e94b4b;
    --master-grey-ultraultralight: #fbfbfb;
    --master-grey-ultralight: #f8f8f8;
    --master-grey-light: #F2F2F2;
    --master-grey-medium: #BDBDBD;
    --master-grey-dark: #828282;
    --master-grey-border: #d9d9d9;
    --master-color-green: #009901;
    --master-color-green-light: #20bc12;
    /* ... */
    /* ===== Alerts ===== */
    --master-color-success: #28a745;
    --master-color-success-dark: #218838;
    --master-color-success-darker: #1e7e34;
    --master-color-warning: #fec107;
    --master-color-warning-dark: #e0a800;
    --master-color-warning-darker: #d39e00;
    /* ... */
    /* ===== Typography ===== */
    --font-primary: 'Montserrat', sans-serif !important;
    --letter-spacing: 0.25pt;
    /* ... */
    /* ===== Elements ===== */
    --basic-border-radius: 5px;
    /* ... */
}
/* ... */


/* || Components */
/* ===== Alerts ===== */
.alert-custom{
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
}
.alert-custom-success{
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.alert-custom-warning{
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}