:root {
    --color-primary: #CF2E2E;
    --color-secondary: #EEEEEE;
    --color-green: #97BE0D;
}

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

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

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

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

*::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

*::-webkit-scrollbar-track {
    background: #f3f4f6;
}

*::-webkit-scrollbar-thumb {
    background: var(--color-primary);
    border-radius: 8px;
    border: 2px solid #f3f4f6;
}

*::-webkit-scrollbar-thumb:hover {
    background: var(--color-primary);
}

* {
    scrollbar-width: thin;
    scrollbar-color: var(--color-primary) #f3f4f6;
}