:root {
    --primary-main: #5a4af4;
    --primary-main-hover: #8477fd;
    --secondary-main: #1ea5fc;
    --secondary-main-hover: rgb(130, 117, 255);
    --success-main: #05ce91;
    --success-main-hover: #50f1c9;
    --tertary-main: #b66dff;
    --tertary-main-hover: #d7b6ff;
    --warning-main: #ffad49;
    --warning-main-hover: #ffdbb2;
    --danger-main: #ff5c5c;
    --danger-main-hover: #ff9999;
    --neutral-900: #121829;
    --neutral-800: #20283e;
    --neutral-700: #323b54;
    --neutral-600: #475069;
    --neutral-500: #61697f;
    --neutral-400: #767e94;
    --neutral-300: #8e95a9;
    --neutral-200: #a8aebf;
    --neutral-100: #c3c8d4;
    --card-radius: 12px;
}

body {
    /* font-family: 'Montserrat', sans-serif;  */
    
    background-color: #f8f9fa;
    color: var(--neutral-900);
}

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

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

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

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

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

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

.text-neutral-900 {
    color: var(--neutral-900);
}
.text-neutral-800 {
    color: var(--neutral-800);
}
.text-neutral-700 {
    color: var(--neutral-700);
}
.text-neutral-600 {
    color: var(--neutral-600);
}
.text-neutral-500 {
    color: var(--neutral-500);
}
.text-neutral-400 {
    color: var(--neutral-400);
}
.text-neutral-300 {
    color: var(--neutral-300);
}
.text-neutral-200 {
    color: var(--neutral-200);
}
.text-neutral-100 {
    color: var(--neutral-100);
}

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

.btn-secondary-main {
    background-color: var(--secondary-main) !important;
}
.btn-secondary-main:hover {
    background-color: var(--secondary-main-hover) !important;
}

.btn-success-main {
    background-color: var(--success-main) !important;
}
.btn-success-main:hover {
    background-color: var(--success-main-hover) !important;
}

.btn-tertary-main {
    background-color: var(--tertary-main) !important;
}
.btn-tertary-main:hover {
    background-color: var(--tertary-main-hover) !important;
}

.btn-warning-main {
    background-color: var(--warning-main) !important;
}
.btn-warning-main:hover {
    background-color: var(--warning-main-hover) !important;
}

.btn-danger-main {
    background-color: var(--danger-main) !important;
}
.btn-danger-main:hover {
    background-color: var(--danger-main-hover) !important;
}