@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

body { 
    font-family: 'Plus Jakarta Sans', sans-serif; 
    -webkit-font-smoothing: antialiased;
}

/* Scrollbar Bonita */
.custom-scroll::-webkit-scrollbar { width: 4px; }
.custom-scroll::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
.custom-scroll::-webkit-scrollbar-track { background: transparent; }

/* Animações de Blob (Fundo do index) */
@keyframes blob {
    0% { transform: translate(0px, 0px) scale(1); }
    33% { transform: translate(30px, -50px) scale(1.1); }
    66% { transform: translate(-20px, 20px) scale(0.9); }
    100% { transform: translate(0px, 0px) scale(1); }
}
.animate-blob { animation: blob 7s infinite; }
.animation-delay-2000 { animation-delay: 2s; }

/* Animação Modal */
@keyframes slideUp {
    from { opacity: 0; transform: translateY(20px) scale(0.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}
.animate-slide-up {
    animation: slideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
.animate-fade-in {
    animation: fadeIn 0.4s ease-out forwards;
}

/* Input Time Customizado */
input[type="time"]::-webkit-calendar-picker-indicator {
    display: none;
}
input[type="time"]:focus {
    outline: none;
}
/* Toggle Switch Customizado */
input:checked ~ .toggle-bg {
    background-color: #4f46e5; /* Indigo-600 */
}

input:checked ~ .dot {
    transform: translateX(100%);
}

.toggle-bg {
    transition: background-color 0.3s ease;
}
.dot {
    transition: transform 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
}