/* Light mode styles */
.bg-gray-100 .card-container {
    background-color: white;
    color: #1a202c;
}

.bg-gray-100 input,
.bg-gray-100 textarea,
.bg-gray-100 select {
    background-color: white;
    color: #1a202c;
    border-color: #e2e8f0;
}

.bg-gray-100 #file-upload-area {
    border-color: #4a5568;
    background-color: #ffffff;
    color: #1a202c;
}

.bg-gray-100 #file-upload-area:hover {
    border-color: #3182ce;
    background-color: #f7fafc;
}

.bg-gray-100 #file-upload-area.dragover {
    border-color: #3182ce;
    background-color: #f7fafc;
}

.bg-gray-100 #cost-display {
    color: #1a202c;
}

.bg-gray-100 #processing-feedback {
    background-color: #ebf8ff;
    color: #2c5282;
}

.bg-gray-100 #processing-status-text,
.bg-gray-100 #processing-status-subtext {
    color: #2c5282; /* Bleu sombre */
}

.bg-gray-100 #transcription-output,
.bg-gray-100 #summary-output {
    background-color: #f7fafc;
    color: #1a202c;
    border: 1px solid #e2e8f0;
}

/* Dark mode styles */
.bg-gray-900 .card-container {
    background-color: #1a202c;
    color: #f7fafc;
}

.bg-gray-900 input,
.bg-gray-900 textarea,
.bg-gray-900 select {
    background-color: #2d3748;
    color: #f7fafc;
    border-color: #4a5568;
}

.bg-gray-900 input::placeholder,
.bg-gray-900 textarea::placeholder {
    color: #a0aec0;
}

.bg-gray-900 #file-upload-area {
    border-color: #4a5568;
    background-color: #2d3748;
    color: #f7fafc;
}

.bg-gray-900 #file-upload-area:hover {
    border-color: #63b3ed;
    background-color: #2d3748;
}

.bg-gray-900 #file-upload-area.dragover {
    border-color: #63b3ed;
    background-color: #2d3748;
}

.bg-gray-900 #cost-display {
    color: #f7fafc;
}

.bg-gray-900 #processing-feedback {
    background-color: #2d3748;
    color: #63b3ed;
}

.bg-gray-900 #processing-status-text,
.bg-gray-900 #processing-status-subtext {
    color: #63b3ed; /* Bleu clair pour contraste en mode sombre */
}

.bg-gray-900 #transcription-output,
.bg-gray-900 #summary-output {
    background-color: #2d3748;
    color: #f7fafc;
    border: 1px solid #4a5568;
}