/* Upload zone -see docs/strategy/design-system/19-upload-zone.md */

.upload-zone {
  border: 2px dashed var(--border);
  border-radius: var(--radius-sm);
  background: var(--surface-soft);
  padding: 18px 12px;
  text-align: center;
}

.upload-zone.drag {
  border-color: var(--primary);
  background: var(--primary-light);
}

.upload-zone.drag .upload-title {
  color: var(--primary);
}

.upload-icon {
  font-size: var(--font-size-display-lg);
  color: var(--primary);
}

.upload-title {
  margin-top: 4px;
  font-size: var(--font-size-body);
  font-weight: 700;
  color: var(--text);
}

.upload-sub {
  margin-top: 2px;
  font-size: var(--font-size-small);
  color: var(--muted);
}