:root {
    --body-background: #fff;
    --body-color: #000;
    --brand-500: #da0057;
    --brand-400: #ff0066;
    --brand-300: #ff3c8a;
    --menu-bg-500: #353535;
    --menu-bg-400: #444444;
    --menu-bg-300: #4d4d4d;
    --menu-bg-200: #868686; /*cambiado 9ca3af*/
    --menu-bg-100: #f0f0f0;
    --overlay-background: rgba(0, 0, 0, 0.6);
    --form-background: #ffffff;
    --form-border: #d1d5db;
    --form-text: #000000;
    --filter-brand: brightness(0) saturate(100%) invert(44%) sepia(99%)
        saturate(1289%) hue-rotate(360deg) brightness(102%) contrast(109%);
}
.dark {
    --body-background: #202020;
    --body-color: #ffffff;
    --form-background: #444444;
    --form-border: #5d5d5d;
    --form-text: #ffffff;
}

@import url("https://fonts.googleapis.com/css2?family=Figtree:wght@400;700&display=swap");

.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.scrollbar::-webkit-scrollbar-thumb:hover {
    background: #111111;
}
.scrollbar::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 4px;
}
.scrollbar::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: transparent;
}
.scrollbar::-webkit-scrollbar-thumb {
    background-color: #111111;
    border-radius: 4px;
}