@import 'tailwindcss';
@import './animated-background.css';

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';

@theme {
    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol', 'Noto Color Emoji';
    
    /* Paleta de Colores - Sistema Practicantes */
    
    /* Color Principal - Acciones */
    --color-primary-orange: #FF9C00;
    
    /* Color Principal - Texto y Estructura */
    --color-primary-blue: #1C3146;
    
    /* Colores Secundarios */
    --color-secondary-yellow: #FFE791;  /* Énfasis */
    --color-secondary-green: #78C4C3;   /* Estado / Progreso */
    --color-secondary-gray: #768070;    /* Texto auxiliar */
    
    /* Fondo General */
    --color-background: #FFFFFF;
    
    /* Variantes de colores principales para diferentes opacidades */
    --color-primary-orange-50: rgba(255, 156, 0, 0.05);
    --color-primary-orange-100: rgba(255, 156, 0, 0.1);
    --color-primary-orange-200: rgba(255, 156, 0, 0.2);
    --color-primary-orange-500: rgba(255, 156, 0, 0.5);
    --color-primary-orange-700: rgba(255, 156, 0, 0.7);
    
    --color-primary-blue-50: rgba(28, 49, 70, 0.05);
    --color-primary-blue-100: rgba(28, 49, 70, 0.1);
    --color-primary-blue-200: rgba(28, 49, 70, 0.2);
    --color-primary-blue-500: rgba(28, 49, 70, 0.5);
    --color-primary-blue-700: rgba(28, 49, 70, 0.7);
}
/* Estilos personalizados para Toastr - Sin icono */
.toast-success-no-icon:before {
    display: none !important;
}

.toast-custom {
    padding: 16px 20px !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
    border: none !important;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    color: white !important;
    opacity: 0.98 !important;
    min-width: 300px !important;
}

.toast-message-custom {
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    color: white !important;
}

.toast-custom .toast-close-button {
    color: white !important;
    opacity: 0.8 !important;
    font-size: 18px !important;
    font-weight: 300 !important;
}

.toast-custom .toast-close-button:hover {
    opacity: 1 !important;
}

.toast-custom .toast-progress {
    background-color: rgba(255, 255, 255, 0.4) !important;
    height: 3px !important;
}