:root {
    --brand-lime-color: rgb(196 210 42);

}

.hover\:text-brand-lime:hover {
    color: var(--brand-lime-color);
}

body {
    font-family: 'Inter', sans-serif;
}

.text-artware-signal {
    color: var(--brand-lime-color);
}

.hover\:bg-artware-signal:hover {
    background-color: var(--brand-lime-color);
}

.custom-button {
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.custom-button-ghost {
    background-color: transparent;
    transition: 0.3s ease;
}

.custom-button-ghost:hover {
    background-color: #c1ccff49;
}

.lucide {
    stroke: currentColor;
    fill: none;

}

/* scroll */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-thumb {
    background: #c4d22a80;
    border-radius: 4px;
}



.bg-brand-lime {
    background-color: rgb(194 212 43);
}

.text-brand-lime {
    color: rgb(194 212 43);
}

.bg-brand-lime\/20 {
    background-color: rgba(217, 255, 0, 0.15);
}