@tailwind base;
@tailwind components;
@tailwind utilities;

/* Clareira Infinita - Estilos Globais Suaves */
@layer base {
    body {
        @apply text-gray-900 bg-white;
    }
    
    /* Scrollbar suave */
    ::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }
    
    ::-webkit-scrollbar-track {
        @apply bg-gray-50;
    }
    
    ::-webkit-scrollbar-thumb {
        @apply bg-forest-300 rounded-full;
    }
    
    ::-webkit-scrollbar-thumb:hover {
        @apply bg-forest-400;
    }
}

@layer components {
    /* Cards com bordas coloridas e fundos pastel */
    .card {
        @apply bg-forest-50/40 rounded-2xl shadow-lg border-2 border-forest-200;
    }
    
    .card-success {
        @apply bg-success-50/40 rounded-2xl shadow-lg border-2 border-success-200;
    }
    
    .card-warning {
        @apply bg-earth-50/40 rounded-2xl shadow-lg border-2 border-earth-200;
    }
    
    .card-danger {
        @apply bg-red-50/40 rounded-2xl shadow-lg border-2 border-red-200;
    }
    
    /* Inputs com bordas coloridas e fundos pastel */
    .input-soft {
        @apply border-2 border-forest-200 bg-forest-50/30 rounded-lg transition-all duration-200 focus:border-forest-400 focus:ring-forest-300 focus:ring-2;
    }
    
    /* Botões com bordas coloridas */
    .btn-soft {
        @apply bg-gradient-to-r from-forest-500 to-moss-500 text-white rounded-lg shadow-md border-2 border-forest-500 hover:shadow-lg hover:border-forest-600 transition-all duration-300 hover:scale-105 active:scale-95;
    }
    
    /* Tabelas com bordas coloridas e fundos pastel */
    .table-header {
        @apply bg-forest-100/60 border-b-2 border-forest-200;
    }
    
    .table-row {
        @apply hover:bg-forest-50/60 transition-colors border-b border-forest-200/30 bg-forest-50/20;
    }
}