:root {
    --surya-color: #fa8a02;
    --surya-hover-color: #e96429;
    --surya-light: #ffeed8;
    --surya-light-hover: #ffd8a7;
    --surya-secondary-color: #e76a25;
    --surya-font-color: #61416d;
}

.text-surya {
    color: var(--surya-color);
}

.text-surya-light {
    color: var(--surya-light);
}

.text-surya-secondary {
    color: var(--surya-secondary-color);
}

.text-surya-font {
    color: var(--surya-font-color);
}

.bg-surya {
    background-color: var(--surya-color);
}

.bg-surya-light {
    background-color: var(--surya-light);
}

.bg-surya-secondary {
    background-color: var(--surya-secondary-color);
}

.border-surya {
    border-color: var(--surya-color);
}

.border-surya-light {
    border-color: var(--surya-light);
}

.border-surya-secondary {
    border-color: var(--surya-secondary-color);
}

.stroke-surya {
    stroke: var(--surya-color);
}

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

.hover\:bg-surya:hover {
    background-color: var(--surya-hover-color);
}

.hover\:bg-surya-light:hover {
    background-color: var(--surya-light-hover);
}

.hover\:bg-surya-no:hover {
    background-color: var(--surya-color);
}

.group:hover .group-hover\:fill-surya {
    fill: var(--surya-hover-color);
}

.group:hover .group-hover\:fill-surya-no {
    fill: var(--surya-color);
}

.placeholder-surya::placeholder {
    --tw-placeholder-opacity: 1;
    color: var(--surya-color);
}

.active\:text-surya:active {
    --tw-text-opacity: 1;
    color: var(--surya-color);
}

.group:hover .group-hover\:text-surya {
    --tw-text-opacity: 1;
    color: var(--surya-color);
}

.accordion:active .accordion-active\:text-surya {
    --tw-text-opacity: 1;
    color: var(--surya-color);
}