/* Custom Tailwind Colors for Rumah Pintar Theme */

/* Cyan Colors (Primary) */
.bg-cyan-50 {
    background-color: #E0F7FA;
}

.bg-cyan-100 {
    background-color: #B2EBF2;
}

.bg-cyan-200 {
    background-color: #80DEEA;
}

.bg-cyan-300 {
    background-color: #4DD0E1;
}

.bg-cyan-400 {
    background-color: #26C6DA;
}

.bg-cyan-500 {
    background-color: #00BCD4;
}

.bg-cyan-600 {
    background-color: #00ACC1;
}

.bg-cyan-700 {
    background-color: #0097A7;
}

.bg-cyan-800 {
    background-color: #00838F;
}

.bg-cyan-900 {
    background-color: #006064;
}

.text-cyan-50 {
    color: #E0F7FA;
}

.text-cyan-100 {
    color: #B2EBF2;
}

.text-cyan-200 {
    color: #80DEEA;
}

.text-cyan-300 {
    color: #4DD0E1;
}

.text-cyan-400 {
    color: #26C6DA;
}

.text-cyan-500 {
    color: #00BCD4;
}

.text-cyan-600 {
    color: #00ACC1;
}

.text-cyan-700 {
    color: #0097A7;
}

.text-cyan-800 {
    color: #00838F;
}

.text-cyan-900 {
    color: #006064;
}

.border-cyan-500 {
    border-color: #00BCD4;
}

.border-cyan-600 {
    border-color: #00ACC1;
}

.ring-cyan-500 {
    --tw-ring-color: #00BCD4;
}

.ring-cyan-600 {
    --tw-ring-color: #00ACC1;
}

/* Lime Colors (Secondary - Now Cyan) */
.bg-lime-50 {
    background-color: #E0F7FA;
}

.bg-lime-100 {
    background-color: #B2EBF2;
}

.bg-lime-200 {
    background-color: #80DEEA;
}

.bg-lime-300 {
    background-color: #4DD0E1;
}

.bg-lime-400 {
    background-color: #26C6DA;
}

.bg-lime-500 {
    background-color: #00BCD4;
}

.bg-lime-600 {
    background-color: #00ACC1;
}

.bg-lime-700 {
    background-color: #0097A7;
}

.bg-lime-800 {
    background-color: #00838F;
}

.bg-lime-900 {
    background-color: #006064;
}

.text-lime-50 {
    color: #E0F7FA;
}

.text-lime-100 {
    color: #B2EBF2;
}

.text-lime-200 {
    color: #80DEEA;
}

.text-lime-300 {
    color: #4DD0E1;
}

.text-lime-400 {
    color: #26C6DA;
}

.text-lime-500 {
    color: #00BCD4;
}

.text-lime-600 {
    color: #00ACC1;
}

.text-lime-700 {
    color: #0097A7;
}

.text-lime-800 {
    color: #00838F;
}

.text-lime-900 {
    color: #006064;
}

.border-lime-500 {
    border-color: #00BCD4;
}

.border-lime-600 {
    border-color: #00ACC1;
}

/* Gradient Utilities */
.from-cyan-50 {
    --tw-gradient-from: #E0F7FA;
}

.from-cyan-100 {
    --tw-gradient-from: #B2EBF2;
}

.from-cyan-200 {
    --tw-gradient-from: #80DEEA;
}

.from-cyan-300 {
    --tw-gradient-from: #4DD0E1;
}

.from-cyan-500 {
    --tw-gradient-from: #00BCD4;
}

.from-cyan-600 {
    --tw-gradient-from: #00ACC1;
}

.from-cyan-700 {
    --tw-gradient-from: #0097A7;
}

.to-lime-50 {
    --tw-gradient-to: #E0F7FA;
}

.to-lime-100 {
    --tw-gradient-to: #B2EBF2;
}

.to-lime-200 {
    --tw-gradient-to: #80DEEA;
}

.to-lime-300 {
    --tw-gradient-to: #4DD0E1;
}

.to-lime-500 {
    --tw-gradient-to: #00BCD4;
}

.to-lime-600 {
    --tw-gradient-to: #00ACC1;
}

.to-lime-700 {
    --tw-gradient-to: #0097A7;
}

.via-lime-50 {
    --tw-gradient-via: #E0F7FA;
}

.via-lime-100 {
    --tw-gradient-via: #B2EBF2;
}

/* Hover States */
.hover\:bg-cyan-600:hover {
    background-color: #00ACC1;
}

.hover\:bg-cyan-700:hover {
    background-color: #0097A7;
}

.hover\:bg-lime-600:hover {
    background-color: #00ACC1;
}

.hover\:bg-lime-700:hover {
    background-color: #0097A7;
}

.hover\:text-cyan-600:hover {
    color: #00ACC1;
}

.hover\:text-cyan-700:hover {
    color: #0097A7;
}

.hover\:text-cyan-800:hover {
    color: #00838F;
}

.hover\:text-lime-600:hover {
    color: #00ACC1;
}

/* Focus States */
.focus\:ring-cyan-500:focus {
    --tw-ring-color: #00BCD4;
}

.focus\:border-cyan-500:focus {
    border-color: #00BCD4;
}