*, :after, :before {
--web-orange-50: #fffdea;
--web-orange-100: #fff6c5;
--web-orange-200: #ffee85;
--web-orange-300: #ffde46;
--web-orange-400: #ffcc1b;
--web-orange-500: #ffaa00;
--web-orange-600: #e28100;
--web-orange-700: #bb5902;
--web-orange-800: #984508;
--web-orange-900: #7c380b;
--web-orange-950: #481c00;
}

/*------------------------ background colors ------------------------*/
.bg-pexo-50, .dark\:bg-pexo-50, .hover\:bg-pexo-50:hover, .dark\:hover\:bg-pexo-50:hover{
    background-color: var(--web-orange-50);
}
.bg-pexo-100, .dark\:bg-pexo-100, .hover\:bg-pexo-100:hover, .dark\:hover\:bg-pexo-100:hover{
    background-color: var(--web-orange-100);
}
.bg-pexo-200,.dark\:bg-pexo-200, .hover\:bg-pexo-200:hover, .dark\:hover\:bg-pexo-200:hover{
    background-color: var(--web-orange-200);
}
.bg-pexo-300,.dark\:bg-pexo-300, .hover\:bg-pexo-300:hover, .dark\:hover\:bg-pexo-300:hover{
    background-color: var(--web-orange-300);
}
.bg-pexo-400,.dark\:bg-pexo-400, .hover\:bg-pexo-400:hover, .dark\:hover\:bg-pexo-400:hover{
    background-color: var(--web-orange-400);
}
.bg-pexo-500,.dark\:bg-pexo-500, .hover\:bg-pexo-500:hover, .dark\:hover\:bg-pexo-500:hover{
    background-color: var(--web-orange-500);
}
.bg-pexo-600,.dark\:bg-pexo-600, .hover\:bg-pexo-600:hover, .dark\:hover\:bg-pexo-600:hover{
    background-color: var(--web-orange-600);
}
.bg-pexo-700,.dark\:bg-pexo-700, .hover\:bg-pexo-700:hover, .dark\:hover\:bg-pexo-700:hover{
    background-color: var(--web-orange-700);
}
.bg-pexo-800,.dark\:bg-pexo-800, .hover\:bg-pexo-800:hover, .dark\:hover\:bg-pexo-800:hover{
    background-color: var(--web-orange-800);
}
.bg-pexo-900,.dark\:bg-pexo-900, .hover\:bg-pexo-900:hover, .dark\:hover\:bg-pexo-900:hover{
    background-color: var(--web-orange-900);
}
.bg-pexo-950,.dark\:bg-pexo-950, .hover\:bg-pexo-950:hover, .dark\:hover\:bg-pexo-950:hover{
    background-color: var(--web-orange-950);
}
/*------------------------ background colors ------------------------*/


/*------------------------ text colors ------------------------*/
.text-pexo-50{
    color: var(--web-orange-50);
}
.text-pexo-100{
    color: var(--web-orange-100);
}
.text-pexo-200{
    color: var(--web-orange-200);
}
.text-pexo-300{
    color: var(--web-orange-300);
}
.text-pexo-400{
    color: var(--web-orange-400);
}
.text-pexo-500{
    color: var(--web-orange-500);
}
.text-pexo-600{
    color: var(--web-orange-600);
}
.text-pexo-700{
    color: var(--web-orange-700);
}
.text-pexo-800{
    color: var(--web-orange-800);
}
.text-pexo-900{
    color: var(--web-orange-900);
}
.text-pexo-950{
    color: var(--web-orange-950);
}
/*------------------------ text colors ------------------------*/

/*------------------------ border colors ------------------------*/
.border-pexo-50{
    border-color: var(--web-orange-50);
}
.border-pexo-100{
    border-color: var(--web-orange-100);
}
.border-pexo-200{
    border-color: var(--web-orange-200);
}
.border-pexo-300{
    border-color: var(--web-orange-300);
}
.border-pexo-400{
    border-color: var(--web-orange-400);
}
.border-pexo-500{
    border-color: var(--web-orange-500);
}
.border-pexo-600{
    border-color: var(--web-orange-600);
}
.border-pexo-700{
    border-color: var(--web-orange-700);
}
.border-pexo-800{
    border-color: var(--web-orange-800);
}
.border-pexo-900{
    border-color: var(--web-orange-900);
}
.border-pexo-950{
    border-color: var(--web-orange-950);
}
/*------------------------ border colors ------------------------*/