:root {
  --brand-red: #e5252a;
}

body {
  font-family: "Segoe UI", Roboto, system-ui, -apple-system, sans-serif;
}

.tool-card {
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.tool-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.1) !important;
}

.dropzone {
  border: 2px dashed #cfd4da;
  border-radius: 0.75rem;
  padding: 3rem 1.5rem;
  text-align: center;
  cursor: pointer;
  background: #fafbfc;
  transition: border-color 0.15s ease, background 0.15s ease;
}
.dropzone.dragover {
  border-color: var(--brand-red);
  background: #fff5f5;
}
.dropzone i {
  color: var(--brand-red);
}

.file-list-item {
  border: 1px solid #e9ecef;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: #fff;
}

.btn-danger {
  background-color: var(--brand-red);
  border-color: var(--brand-red);
}
.btn-danger:hover {
  background-color: #c81f24;
  border-color: #c81f24;
}

.progress {
  height: 0.5rem;
}