/* 
 * WP TodoList - Thème Clair / Light Theme
 * Fond blanc avec des couleurs vives et contrastées
 * Idéal pour l'utilisation diurne
 */

:root {
    /* Couleurs primaires */
    --primary-color: #2c3e50;
    --primary-hover: #34495e;
    
    /* Couleurs de succès */
    --success-color: #27ae60;
    --success-hover: #2ecc71;
    
    /* Couleurs d'alerte/avertissement */
    --warning-color: #f39c12;
    --warning-hover: #f1c40f;
    
    /* Couleurs de danger */
    --danger-color: #e74c3c;
    --danger-hover: #c0392b;
    
    /* Couleurs secondaires */
    --secondary-color: #7f8c8d;
    --secondary-hover: #95a5a6;
    
    /* Nuances de gris */
    --gray-50: #f9fafb;
    --gray-100: #f3f4f6;
    --gray-200: #e5e7eb;
    --gray-300: #d1d5db;
    --gray-400: #9ca3af;
    --gray-500: #6b7280;
    --gray-600: #4b5563;
    --gray-700: #374151;
    --gray-800: #1f2937;
    --gray-900: #111827;
    
    /* Couleurs de fond */
    --bg-primary: #ffffff;
    --bg-secondary: #f8f9fa;
    --bg-tertiary: #ecf0f1;
    
    /* Couleurs de texte */
    --text-primary: #2c3e50;
    --text-secondary: #7f8c8d;
    --text-tertiary: #95a5a6;
    
    /* Ombres */
    --shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.08);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.15);
    
    /* Autres variables */
    --border-radius: 4px;
    --border-color: #e5e7eb;
    --transition: all 0.3s ease;
}

/* Appliquer les couleurs au contexte administrateur */
.wp-todolist .wp-admin #wpwrap {
    background-color: var(--bg-secondary);
}

.wp-todolist .wp-admin {
    color: var(--text-primary);
}

/* Éléments de formulaire */
.wp-todolist input[type="text"],
.wp-todolist input[type="email"],
.wp-todolist input[type="date"],
.wp-todolist input[type="color"],
.wp-todolist textarea,
.wp-todolist select {
    background-color: var(--bg-primary) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

.wp-todolist input[type="text"]:focus,
.wp-todolist input[type="email"]:focus,
.wp-todolist input[type="date"]:focus,
.wp-todolist input[type="color"]:focus,
.wp-todolist textarea:focus,
.wp-todolist select:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 3px rgba(44, 62, 80, 0.1) !important;
}

/* Boutons */
.wp-todolist .button,
.wp-todolist input[type="button"],
.wp-todolist input[type="submit"] {
    background-color: var(--bg-tertiary);
    color: var(--text-primary);
    border-color: #ccc;
    transition: var(--transition);
}

.wp-todolist .button:hover,
.wp-todolist input[type="button"]:hover,
.wp-todolist input[type="submit"]:hover {
    background-color: var(--gray-200);
    border-color: var(--text-secondary);
}

.wp-todolist .button-primary,
.wp-todolist .button.button-primary {
    background-color: var(--success-color) !important;
    color: #ffffff !important;
    border-color: var(--success-color) !important;
}

.wp-todolist .button-primary:hover,
.wp-todolist .button.button-primary:hover {
    background-color: var(--success-hover) !important;
    border-color: var(--success-hover) !important;
}

/* Cartes et boîtes */
.wp-todolist .card,
.wp-todolist .postbox,
.wp-todolist .notice {
    background-color: var(--bg-primary);
    border-color: var(--border-color);
    box-shadow: var(--shadow);
}

/* Tableaux */
.wp-todolist table {
    color: var(--text-primary);
    border-color: var(--border-color);
}

.wp-todolist th {
    background-color: var(--bg-secondary);
    color: var(--text-primary);
    border-color: var(--border-color);
}

.wp-todolist td {
    border-color: var(--border-color);
}

/* Éléments spécifiques au plugin TodoList */
.wp-todolist .todolist-container {
    background-color: var(--bg-primary);
    color: var(--text-primary);
}

.wp-todolist .todolist-header {
    background-color: var(--bg-secondary);
    border-bottom: 1px solid var(--border-color);
    padding: 20px;
}

.wp-todolist .todolist-content {
    background-color: var(--bg-primary);
}

/* Tâches */
.wp-todolist .task-row {
    background-color: var(--bg-primary);
    border-bottom: 1px solid var(--border-color);
    transition: var(--transition);
}

.wp-todolist .task-row:hover {
    background-color: var(--bg-secondary);
}

.wp-todolist .task-title {
    color: var(--text-primary);
}

.wp-todolist .task-priority-high {
    color: var(--danger-color);
}

.wp-todolist .task-priority-medium {
    color: var(--warning-color);
}

.wp-todolist .task-priority-low {
    color: var(--success-color);
}

/* Kanban */
.wp-todolist .kanban-column {
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-color);
}

.wp-todolist .kanban-card {
    background-color: var(--bg-primary);
    border: 1px solid var(--border-color);
    box-shadow: var(--shadow-sm);
}

.wp-todolist .kanban-card:hover {
    box-shadow: var(--shadow-md);
}

/* Modal */
.wp-todolist .modal-content {
    background-color: var(--bg-primary);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
    box-shadow: var(--shadow-lg);
}

.wp-todolist .modal-header {
    background-color: var(--bg-secondary);
    border-bottom: 1px solid var(--border-color);
    color: var(--text-primary);
}

.wp-todolist .modal-close {
    color: var(--text-secondary);
}

.wp-todolist .modal-close:hover {
    color: var(--text-primary);
    background-color: var(--bg-tertiary);
}

/* Onglets */
.wp-todolist .nav-tab {
    color: var(--text-secondary);
    background-color: var(--bg-secondary);
    border-color: var(--border-color);
}

.wp-todolist .nav-tab:hover {
    color: var(--text-primary);
    border-color: var(--border-color);
}

.wp-todolist .nav-tab.nav-tab-active {
    background-color: var(--bg-primary);
    color: var(--text-primary);
    border-bottom-color: var(--primary-color);
}

/* Alertes et statuts */
.wp-todolist .notice-success {
    background-color: #d4edda;
    border-color: #c3e6cb;
    color: #155724;
}

.wp-todolist .notice-error {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
}

.wp-todolist .notice-warning {
    background-color: #fff3cd;
    border-color: #ffeeba;
    color: #856404;
}

/* Code et texte monospace */
.wp-todolist code,
.wp-todolist pre {
    background-color: var(--bg-secondary);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
}

/* Lien */
.wp-todolist a {
    color: var(--primary-color);
    text-decoration: none;
}

.wp-todolist a:hover {
    color: var(--primary-hover);
    text-decoration: underline;
}

/* Divider */
.wp-todolist hr {
    border-color: var(--border-color);
}