/**
 * ==============================================
 * STYLES COMMUNS - Variables, Reset, Animations
 * ==============================================
 */

/* Reset & Base */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Variables CSS */
:root {
    /* Couleurs principales (Admin) */
    --primary: #667eea;
    --secondary: #764ba2;
    
    /* Couleurs principales (Formulaires) */
    --gray-dark: #1e293b;
    --gray-medium: #334155;
    --gray-light: #f8fafc;
    --gray-border: #e2e8f0;
    
    /* Couleurs système */
    --success: #10b981;
    --danger: #ef4444;
    --warning: #f59e0b;
    --info: #3b82f6;
    --dark: #1f2937;
    --light: #f3f4f6;
    --border: #e5e7eb;
    
    /* Typographie */
    --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Typographie de base */
body {
    font-family: var(--font-family);
    line-height: 1.6;
}

/* Animations communes */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Alerts communes */
.alert {
    padding: 1rem 1.25rem;
    border-radius: 8px;
    margin-bottom: 1.5rem;
    border-left: 3px solid;
    font-size: 0.9375rem;
    line-height: 1.6;
}

.alert-info {
    background: #eff6ff;
    color: #1e40af;
    border-left-color: #3b82f6;
}

.alert-error {
    background: #fef2f2;
    color: #991b1b;
    border-left-color: #ef4444;
}

.alert-success {
    background: #f0fdf4;
    color: #166534;
    border-left-color: #10b981;
}