:root {
    --main: #E9047C;
    --sub: #0F172A;
    --bg: #F1F5F9;
    --primary: #000;
    --secondary: #fff;
    --text-primary: #0F172A;
    --text-secondary: #64748B;
    --text-tertiary: #9CA3AF;
    --text-light: #acacb7;
    --text-dark: #1E2254;
    --border: #E2E8F0;
    --input-border: #E2E8F0;
    --input-bg: #F4F5F9;
    --thead-bg: #F8FAFC;
    --table-border: #F1F5F9;
    --green: #14AE5C;
    --red: #ED1C24;
    --blue: #0369A1;
    --purple: #7434A8;
    --yellow: #F5A623;
    --box-shadow: 0 0 .875rem 0 rgba(33, 37, 41, .05);
    --transition: 0.3s ease-in-out;

    --main-font: "Satoshi", sans-serif;
    --fw-sm: 400;
    --fw-md: 500;
    --fw-lg: 600;
    --fw-xl: 700;
    --fw-xxl: 800;

}

.bg-success {
    background-color: var(--green) !important;
}

.bg-primary {
    background-color: var(--main) !important;
}

.bg-warning {
    background-color: var(--yellow) !important;
}

.bg-danger {
    background-color: var(--red) !important;
}

.bg-info {
    background-color: var(--blue) !important;
}

.bg-secondary {
    background-color: var(--bg) !important;
}

.text-success {
    color: var(--green) !important;
}

.text-primary {
    color: var(--main) !important;
}

.text-warning {
    color: var(--yellow) !important;
}

.text-danger {
    color: var(--red) !important;
}

.text-info {
    color: var(--blue) !important;
}

.text-secondary {
    color: var(--text-secondary) !important;
}

.text-dark {
    color: var(--text-dark) !important;
}

/* Badge */
.badge {
    font-size: 12px !important;
    font-weight: var(--fw-md) !important;
    padding: 7px 10px !important;
    border-radius: 20px !important;
}

.badge-success {
    background-color: #ECFDF5 !important;
    color: var(--green) !important;
    border: none !important;
}

.badge-warning {
    background-color: #FFFBEB !important;
    color: var(--yellow) !important;
    border: none !important;
}

.badge-info {
    background-color: #F0F9FF !important;
    color: var(--blue) !important;
    border: none !important;
}

.badge-danger {
    background-color: #FFF1F2 !important;
    color: var(--red) !important;
    border: none !important;
}

.badge-secondary {
    background-color: #F1F5F9 !important;
    color: var(--text-dark) !important;
    border: none !important;
}