/**
 * EpreuveNiger - Styles complémentaires
 * Complément au Tailwind CSS
 */

/* Variables CSS pour le thème */
:root {
    --color-primary: #059669;
    --color-accent: #EA580C;
    --color-dark: #1F2937;
    --color-light: #f9fafb;
}

/* Zone drag & drop (pour upload Phase 3) */
.drop-zone {
    border: 2px dashed #d1d5db;
    border-radius: 0.5rem;
    padding: 2rem;
    text-align: center;
    transition: all 0.2s ease;
    cursor: pointer;
    background-color: #f9fafb;
}

.drop-zone:hover,
.drop-zone.drag-over {
    border-color: var(--color-primary);
    background-color: #ecfdf5;
}

.drop-zone.has-file {
    border-color: var(--color-primary);
    background-color: #d1fae5;
}

/* Focus visible pour accessibilité */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

/* Correction pour les modales et dropdowns */
[tabindex="-1"]:focus {
    outline: none;
}

/* Scrollbar personnalisée (optionnel) */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb {
    background: #94a3b8;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #64748b;
}